如何在 Angular2 的 css 中使用材质主题颜色？

假设我需要使用mat-primary颜色作为背景div使用 css/sass 类，我如何引用它？我想是这样的：

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

.a-class{
  background-color: $mat-primary;
}

但惨败。

您必须首先导入主题

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

然后你必须定义一个 mixin 像

@mixin primary-color($theme) {

  $primary: map-get($theme, primary);

  //Then you can use `mat-color` to get the `primary` color
  .a-class {
    background-color: mat-color($primary);
  }
}

^{Reference Link: Documentation}