【问题标题】:Angular Material intentions and hues used by components组件使用的 Angular Material 意图和色调
【发布时间】:2016-07-21 10:06:35
【问题描述】:

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

我阅读了documentation's theming section 中的所有内容,修改了大多数演示和指令文档,甚至尝试查看源代码,如果有指南解释每个角度材料 ui 指令如何使用主题中设置了不同的意图调色板和色调。

我要求这样做的原因是,感觉只要我们选择标准调色板,一切都会很好,但是当我们想要进行任何更改时,我们对其中的含义视而不见。

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

【问题讨论】:

    标签: angularjs angular-material theming


    【解决方案1】:

    我想到了提到的文档中的一个部分。

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

    您可以从调色板中指定默认情况下意图组使用的色调以及 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

    【讨论】:

    • 是的,我能够找到 *-them.scss 文件,它们在某种程度上确实有帮助。我希望有一些存储在这些 scss 文件中的信息的小抄/摘要......
    • 什么是 md-hue-1/2/3 的默认值?
    猜你喜欢
    • 2019-04-04
    • 2016-09-13
    • 2019-07-22
    • 2017-01-10
    • 1970-01-01
    • 2020-01-17
    • 2020-07-31
    • 2019-03-04
    • 2018-12-26
    相关资源
    最近更新 更多