角度材料意图和组件使用的色调

时间:2016-07-21 10:06:35

标签: angularjs angular-material theming

我正在尝试使用角度材料,

我阅读documentation's theming section中的大部分演示和指令文档中的所有内容,甚至试图查看源代码,如果有某个指南可以解释每个角度材料ui指令,我就会徘徊使用主题中设置的不同意图调色板和色调。

我要求的原因是,只要我们选择标准调色板,一切都很好,但是在我们想要做出任何改变的那一刻,我们对这些含义视而不见。

(例如,如何防止您选择背景颜色的情况,最终与某些强调颜色相同,例如用作文本框的下划线颜色,导致不可见的下划线。)

1 个答案:

答案 0 :(得分:0)

上面提到的文档中有一部分可以想到。

  

为颜色意图指定自定义色调

     

您可以指定默认情况下由意图组使用的调色板中的色调,以及md-hue-1,md-hue-2,md-hue-3类。

     

默认情况下,色调500,300 800和A100用于主要和警告意图,而A200,A100,A400和A700用于重音。

您可以检查源中每个组件使用的色调/阴影。每个组件都有一个*-theme.scss文件:https://github.com/angular/material/blob/master/src/components/input/input-theme.scss

还有官方的材料设计风格指南,告诉你哪些色调/阴影用于什么。 https://material.google.com/style/color.html#color-color-palette