使用更亮和更暗的選項的角度材質2墊調色板（）

Question

基於theming guide，您可以爲我們的示例定義自定義主題accent。第二個參數將覆蓋$mat-pink默認爲A200，但第三個（$lighter）和第四個（$darker）參數如何工作？

$candy-app-accent: mat-palette($mat-pink, A200, A100, A400);

從@angular/material/_theming.scss

@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) { 
    ..... 
} 

Answer 1

這些不同色調是由幾個組件，如進度條使用。但是如果你將它們用作你自己的樣式的混合，它會更有用。 This answer on a GH issue gives a good explanation。