在有角材质的调色板(例如$ mat-indigo或$ mat-pink)中,A100,A200,A400和A700分别用于什么用途?

时间:2018-07-18 13:41:32

标签: angular-material material-design

这里是一个有角度的材料调色板的例子

$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”开头的值是什么?

1 个答案:

答案 0 :(得分:1)

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