在角度中使用材质颜色主题

时间:2019-08-20 08:47:33

标签: angular angular-material material

我正在使用Angular 7和Angular Material。我的theme.scss文件中包含以下代码:

$web-app-primary: mat-palette($mat-green);
$web-app-accent: mat-palette($mat-light-blue);
$web-app-warn: mat-palette($mat-deep-orange, A200);

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

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

现在,我想使用Angular Material实现类似于此的颜色主题:

Material Example

我已经阅读了有关创建颜色主题的文档: https://material.io/design/color/the-color-system.html#color-theme-creation 但是我仍然不明白如何使用Angular来实现它。 我想指定“在主要对象上”,“在辅助对象上”等,但是对于Angular,我只找到了定义主要,重音和警告调色板的方法。 请给我一个提示,我真的很困。 非常感谢!

0 个答案:

没有答案