Angular 2 Material 在按钮上使用较浅/较深的颜色

Question

是否有任何优雅的方法可以使用浅色/深色变体的原色或强调色以及 angular 2 材料的按钮，而无需手动重新创建整个样式？

Answer 1

如果您使用 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>