如何在角度2材质中将div的背景颜色设置为主要主题颜色

Question

我正在使用角度2素材的主题之一.我可以使用材料组件上的主题颜色,如按钮,工具栏使用color ="primary".但我无法弄清楚如何主题div.我不想在.css文件中对哈希进行硬编码,因为如果我决定更改主题,它将需要在所有地方进行更改.我错过了什么吗？最好的方法是什么？

Answer 1

实际上,您不能color="primary"在每个HTML元素上使用.

我所做的是一个名为的课程 color-primary

@import '~@angular/material/theming';
@include mat-core();

$primary: mat-palette($mat-deep-purple, 600, 500, 900);
$accent: mat-palette($mat-amber, A400, A300, A600);


.color-primary {
  color: mat-color($primary);
}

.color-accent {
  color: mat-color($accent);
}

当然,我在这里设置了颜色,但你可以创建另一个类,例如:background-color-primary.

(这是我的示例项目的链接:Pizza-Sync).