相当于$ mdthemingprovider.definepalette()(angularjs材料)的角度材料

Question

等效于

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

在角材料中？

谢谢！

Answer 1

角材料等效是：

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

以下是完整的主题。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);
}