Build a theme generator/picker that simplifies the process
- 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
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