Angular Material 组件使用的意图和色调
Angular Material intentions and hues used by components
我正在尝试使用 angular material,
我阅读了 documentation's theming section 中的所有内容，修改了大部分演示和指令文档，甚至试图查看源代码，我正在徘徊是否有 guide 某处解释每个 angular material ui 指令如何使用主题中设置的不同意图调色板和色调。
我提出这个要求的原因是，感觉只要我们选择标准调色板，一切都很好，但当我们想要做出任何改变时，我们对影响视而不见。
（例如，如何防止您选择的背景颜色最终与某些强调颜色相同的颜色，例如用作文本框的下划线颜色，导致下划线不可见。）
想到提到的文档中的一部分。
Specifying Custom Hues For Color Intentions
You can specify the hues from a palette that will be used by an intention group by default and for the md-hue-1, md-hue-2, md-hue-3 classes.
By default, shades 500, 300 800 and A100 are used for primary and warn intentions, while A200, A100, A400 and A700 are used for accent.
您可以查看源中每个组件使用的hues/shades。每个组件都有一个 *-theme.scss 文件：https://github.com/angular/material/blob/master/src/components/input/input-theme.scss
并且有官方的 material 设计风格指南，告诉您哪个 hues/shades 用于什么。
https://material.google.com/style/color.html#color-color-palette
我正在尝试使用 angular material,
我阅读了 documentation's theming section 中的所有内容，修改了大部分演示和指令文档，甚至试图查看源代码，我正在徘徊是否有 guide 某处解释每个 angular material ui 指令如何使用主题中设置的不同意图调色板和色调。
我提出这个要求的原因是，感觉只要我们选择标准调色板，一切都很好，但当我们想要做出任何改变时，我们对影响视而不见。
（例如，如何防止您选择的背景颜色最终与某些强调颜色相同的颜色，例如用作文本框的下划线颜色，导致下划线不可见。）
想到提到的文档中的一部分。
Specifying Custom Hues For Color Intentions
You can specify the hues from a palette that will be used by an intention group by default and for the md-hue-1, md-hue-2, md-hue-3 classes.
By default, shades 500, 300 800 and A100 are used for primary and warn intentions, while A200, A100, A400 and A700 are used for accent.
您可以查看源中每个组件使用的hues/shades。每个组件都有一个 *-theme.scss 文件：https://github.com/angular/material/blob/master/src/components/input/input-theme.scss
并且有官方的 material 设计风格指南，告诉您哪个 hues/shades 用于什么。 https://material.google.com/style/color.html#color-color-palette