Angular material 棱角2材质在按钮上使用较亮/较暗的颜色

Angular material 棱角2材质在按钮上使用较亮/较暗的颜色,angular-material,Angular Material,有没有一种优雅的方法可以在angular 2材质的按钮上使用原色或强调色的较浅/较深变体,而不必手动重新创建整个样式?如果使用sass,您可以将材质主题导入到scss文件中,目标材质颜色如下: 应用程序组件.scss @import '~@angular/material/theming'; .buttonPrimary { background-color: mat-color($mat-purple, 200); } .buttonAccent { background-

有没有一种优雅的方法可以在angular 2材质的按钮上使用原色或强调色的较浅/较深变体,而不必手动重新创建整个样式?

如果使用sass,您可以将材质主题导入到scss文件中,目标材质颜色如下:

应用程序组件.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>
primary
口音

目前还没有这样的功能,尽管有一个提交的问题:我就是这样做的,不过为了方便起见,我最终只使用了更亮、更暗的类,这些类同时适用于主按钮和重音按钮,以及不同类型的按钮。但这正是我所做工作的本质所在。