如何在组件中为文本添加颜色？

Question

我使用角度材料设计我的应用程序：

material themes

我使用.scss文件：

@import '~@angular/material/theming';
@include mat-core();
$candy-app-primary: mat-palette($mat-red);
$candy-app-accent:  mat-palette($mat-red, A200, A100, A400);
$candy-app-warn:    mat-palette($mat-red);
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, 
$candy-app-warn);
@include angular-material-theme($candy-app-theme);

它对材料成分非常好，例如：像：

<mat-slide-toggle>Slide me!</mat-slide-toggle>

我的问题是如何在组件中为文本添加颜色：

<h1 class="candy-app-primary">  // this does  not work but I would need something like this
  Welcome to {{title}}!
</h1>

Answer 1

使用mat-color功能获取颜色（确保它与您声明主题的文件位于同一文件中）：

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