时间戳

首页 > 解决方案 > 在有角度的材质调色板（例如 $mat-indigo 或 $mat-pink）中，A100、A200、A400 和 A700 用于什么？

angular-material - 在有角度的材质调色板（例如 $mat-indigo 或 $mat-pink）中，A100、A200、A400 和 A700 用于什么？

问题描述

这是一个角度材料调色板的示例

$bv-brand: (
    50: #ffffff,
    100: #dde6f3,
    200: #b4c9e4,
    300: #7fa3d1,
    400: #6992c9,
    500: #5282c1,
    600: #4072b4,
    700: #38649d,
    800: #305687,
    900: #284770,
    A100: #ffffff,
    A200: #dde6f3,
    A400: #6992c9,
    A700: #38649d,
    contrast: (
        50: $black-87-opacity,
        100: $black-87-opacity,
        200: $black-87-opacity,
        300: $black-87-opacity,
        400: $black-87-opacity,
        500: white,
        600: white,
        700: white,
        800: white,
        900: white,
        A100: $black-87-opacity,
        A200: $black-87-opacity,
        A400: $black-87-opacity,
        A700: white,
    )
);

我知道值 50-900 用于不同色调的角材料组件，A100-700 值是否类似使用？前导“A”的值是什么？

标签： angular-materialmaterial-design

解决方案

“A”表示“重音”——色调 A100、A200 和 A300 由 Angular Material 中包含的“预建”主题用于重音调色板。但这仅仅是他们选择做的事情。这没有“标准” - 创建自己的主题时，您可以自由使用调色板中的任何色调。唯一真正重要的是您在mat-palette()调用“默认”、“较浅”和“较深”选项时指定的色调索引。默认情况下（即未指定时），分别使用键“500”、“100”和“700”。

推荐阅读