Angular 材质2添加更多颜色变量

有没有一种方法可以添加更多的颜色变量，而不仅仅是“主”、“重音”和“警告”？

非常简单，您必须以这种方式添加：

@import '~@angular/material/theming';
@include mat-core();

$my-app-primary: mat-palette($mat-blue-grey);
$my-app-accent:  mat-palette($mat-pink, 500, 900, A100);
$my-app-warn:    mat-palette($mat-deep-orange);

$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

@include angular-material-theme($my-app-theme);

.alternate-theme {
  $alternate-primary: mat-palette($mat-light-blue);
  $alternate-accent:  mat-palette($mat-yellow, 400);

  $alternate-theme: mat-light-theme($alternate-primary, $alternate-accent);

  @include angular-material-theme($alternate-theme);
}

然后：

<md-card>
  Main Theme:
  <button md-raised-button color="primary">
    Primary
  </button>
  <button md-raised-button color="accent">
    Accent
  </button>
  <button md-raised-button color="warn">
    Warning
  </button>
</md-card>

<md-card class="alternate-theme">
  Alternate Theme:
  <button md-raised-button color="primary">
    Primary
  </button>
  <button md-raised-button color="accent">
    Accent
  </button>
  <button md-raised-button color="warn">
    Warning
  </button>
</md-card>

主题：
主要的，重要的
口音
警告
备选主题：
主要的，重要的
口音
警告

事实上，你可以在这里了解更多关于死亡的信息，这实际上并不是OP任务的答案。这只是使用两个不同的主题，而不是为主题添加更多的颜色。