angular / angular/components

Build a theme generator/picker that simplifies the process

Đang mở
#13,265 7 bình luận 10 reaction 0 người được giao Xem trên GitHub
area: material.angular.io docs feature needs: discussion P5
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

#### Bug, feature request, or proposal:
Feature Request

#### What is the current behavior?
Custom theming angular material is cumbersome.

#### What is the use-case or motivation for changing an existing behavior?
Make it easier to modify theme based on more traditional number color palettes. Designers will often provide 3-6 colors that should encompass most of the application/website, while the material pallets have over a dozen color hues per palette, for a total of well over 50 colors that the app can use. This isn't practical to maintain unless one REALLY cares about each shade. I understand the Ng Material team is just using the official Material colors but in my opinion there is a balance to be struck.

Maybe I'm missing something from the docs but I really would prefer not to do:
$candy-app-primary: mat-palette($mat-indigo); // this palette has over dozen colors to maintain

and instead do
$candy-app-primary: mat-palette(#999); // where 999 is my primary color

And have the material theme generate the variants in some way OR do it like Bootstrap and use scss lightens/darkens mixins where appropriate.

Suggestion:
Incorporate a palette generator of some kind, perhaps using similar logic as used by the material tool.
https://material.io/design/color/the-color-system.html#tools-for-picking-colors

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Xem xét tài liệu hiện tại về theming của Angular Material và cách sử dụng mat-palette được mô tả trong issue, sau đó so sánh workflow được đề xuất với công cụ Material color-system được liên kết. Xác định cách một picker hoặc generator sẽ tiếp nhận một tập hợp nhỏ các màu và tạo ra các biến thể theme có thể sử dụng; công việc hoàn tất khi workflow đó được đặc tả và có tài liệu phù hợp hỗ trợ.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, scss
Lĩnh vực
design, frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.