0

我在角 7 中使用角材料。

我之前在 angular-1 中使用过 angular-material，它提供了一种方式（md-colors）来使用所有颜色。

但是对于 angular-material-7，我找不到这些属性。

当我们在像按钮这样的组件中使用颜色时

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

在颜色方面，我们只能使用主要、重点和警告托盘。但我想使用更多的颜色而不是这 3 种颜色。我想要一种方法来使用我们在 angular-material-1 中使用的所有材料主题颜色

谁能告诉我我在这里想念什么。所有颜色变量都存在于@angular/material/theming.scss. 但我不确定如何使用这些颜色。

4

1 回答 1

1

有同样的问题，到目前为止，不可能对颜色属性使用不同于主要、重音和警告的值。尽管如此，github上有一个与此相关的功能请求：支持主要颜色之外的其他颜色，重音，警告

不过，您可以使用多个主题并根据父类应用每个主题，如此处所述。

或者您可以将每个主题仅应用于此处描述的特定组件。

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

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

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

/* component.css */
button {
  background-color: var(--color-1);
}
于 2019-03-16T20:04:31.740 回答