Angular 角材料：如何使用主题的所有颜色

我在angular 7中使用了angular材质

我以前在angular-1中使用过angular材质&它为所有用户提供了一种方式（md颜色）

但是在Angle-material-7中，我找不到这种性质

当我们在组件中使用颜色时，比如按钮

<button mat-raised-button color="primary">Primary</button>

Primary

在颜色方面，我们只能使用主托盘、强调托盘和警告托盘。但我想用更多的，而不是这3种颜色。我想要一种使用所有材质主题颜色的方法，就像我们在angular-material-1中使用的那样

---

谁能告诉我我在这里错过了什么。所有颜色变量都存在于

@angular/material/theming.scss

中。但是我不知道如何使用这些颜色。

也有同样的问题，到目前为止，不可能为颜色属性使用与primary、accent和warn不同的值。然而，github上有一个与此相关的功能请求：

尽管如此，您仍然可以使用多个主题，并根据父类应用每个主题，如下所述

或者，您可以将每个主题仅应用于所述的特定组件

在这两种情况下，您可以为每个主题选择要使用的托盘，还可以创建自己的自定义托盘

另一个选择是使用CSS变量。您可以在styles.css上定义颜色，然后在css文件上使用：

/* styles.css */
:root {
  --color-1: #003422;
}

/* component.css */
button {
  background-color: var(--color-1);
}

---

主题制作的签出文档：我找不到任何相关的方法/方式来使用除托盘以外的颜色，所以您想创建自己的托盘？您可以使用ngStyle根据需要更改背景颜色：主颜色