angular / angular/components

Build a theme generator/picker that simplifies the process

未关闭
#13,265 7 条评论 10 个 reaction 已指派 0 人 在 GitHub 查看
area: material.angular.io docs feature needs: discussion P5
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### 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

贡献指南

打开贡献指南

调研方向

查看当前的 Angular Material theming 文档以及 issue 中描述的 mat-palette 用法,然后将提议的工作流与链接的 Material color-system 工具进行比较。定义 picker 或 generator 如何接受一小组颜色并生成可用的主题变体;当该工作流完成规范定义并有适当的文档支持时,工作即告完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, scss
领域
design, frontend
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。