角度材料 – 角度2材料在按钮上使用更亮/更暗的颜色

是否有任何优雅的方式可以使用较暗/较暗的主要或强调颜色的变体与角度2材料的按钮,而无需手工重新创建整体造型?
最佳答案
如果您使用sass,您可以将材料主题导入到scss文件中并定位材质颜色,如下所示:

app.component.scss

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

.buttonPrimary {
    background-color: mat-color($mat-purple, 200);
}

.buttonAccent {
    background-color: mat-color($mat-amber, A200);
}

app.component.html

<button md-raised-button class="buttonPrimary">primary</button>
<button md-raised-button class="buttonAccent">accent</button>

转载注明原文:角度材料 – 角度2材料在按钮上使用更亮/更暗的颜色 - 代码日志