angualr material 2 主题 头像列表 对话框 autocomplete

一，使用自定义主题：
1.在src/下新建theme.scss

theme.scss:
@import '~@angular/material/theming';

@include mat-core();

$my-app-primary: mat-palette($mat-indigo);
$my-app-accent:  mat-palette($mat-pink, A200, A100, A400 );// 默认 亮 暗主题的深浅
$my-app-warn:    mat-palette($mat-red);

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

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

$my-dark-primary: mat-palette($mat-blue-grey);
$my-dark-accent:  mat-palette($mat-amber, A200, A100, A400 );