Angular 如何选择材质颜色的变化来设置角度组件的样式

在将颜色设置为重音（或主色调）时，是否有方法定义将使用哪种调色板变化

例如，我希望将工具栏的背景色设置为100，但默认情况下，角度材质将选择300

我定义了一个自定义主题：

@include mat-core();
$my-app-primary: mat-palette($mat-light-blue);
$my-app-accent: mat-palette($mat-grey, 300, 200, A100);
$my-app-warn: mat-palette($mat-deep-orange);

$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

@include angular-material-theme($my-app-theme);

我希望将工具栏背景色设置为我所选调色板的一种变体：

<mat-toolbar color="accent"> <!-- how to set accent variation -->
    <span>My Application</span>
</mat-toolbar>

我的申请

---

我知道我可以覆盖css。如果是这样的话，我如何重用

\u theming.scss

中定义的变量，这样我就不会偏离调色板的颜色？

您可以简单地导入样式变量，然后使用它们

@import "../../_theming.scss"; // <-- set your path to '_theming.scss'

mat-toolbar {
    background-color: $my-app-primary;
}

@import.../../\u theming.scss”//