angular material テーマ

テンプレート読み込み

選択可能なcss

deeppurple-amber.css
indigo-pink.css
pink-bluegrey.css
purple-green.css

bukatsu_report/angular-app/src/styles.css

@import "~@angular/material/prebuilt-themes/purple-green.css";

テンプレート利用

html

primary, accent, warn, default から選択可能

<mat-toolbar class="mat-elevation-z4" color="primary">
</mat-toolbar>

参考

https://material.angular.io/guide/theming