何为所有Markup元素使用角度主题？

Question

是否可以将Angular Material主题用于文本和其他HTML元素，如文本，标题，链接等？

我想使用以下内容：

<h2 color="'primary'">Text to be colored</h2>

我一直在搜索并发现此帖子，例如Get Material 2 theme color scheme/palette for other elements，但似乎太多了，我也不同意仅使用scss个文件而不是css。

有没有更简单的方法来实现这一目标？例如，在theme.scss？

中为其他元素添加额外的定义

Answer 1

您可以使用类来设置样式中的颜色：

<h2 class="app-primary">Primary</h2>

此方法假定您有自定义主题：

$app-primary: mat-palette($mat-indigo);
// ...

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

或者：

.app-primary {
    /* Insert hard-coded value here */
    color: #3F51B5;
}