Angular Material 中的 $mdThemingProvider.definePalette() (AngularJS Material) 的等价物？

Question

相当于

$mdThemingProvider.definePalette('paletteName',PaletteConstant);
$mdThemingProvider.theme('default').primaryPalette('paletteName');

在 Angular 材质中？

谢谢！

Answer 1

Angular Material Equivalent 是：

$primary: mat-palette($mat-green);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);

下面是完整的themes.scss文件：

@import '~@angular/material/_theming';

@include mat-core();

$primary: mat-palette($mat-green);
$accent: mat-palette($mat-blue);
$warn: mat-palette($mat-blue);

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

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

.dark-theme {
  $dark-primary: mat-palette($mat-light-blue);
  $dark-accent: mat-palette($mat-green);

  $dark-theme: mat-dark-theme($dark-primary, $dark-accent);

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