如何使用自定义主题更改mat按钮中的文本颜色

Question

在使用这个document。在尝试更改mat按钮中的文本颜色时，我将一个theme.scss添加到css项目中。这是theme.scss代码：

@import '~@angular/material/theming';
@include mat-core();

$candy-app-primary: mat-palette($mat-indigo, 700, 300, 900);
$candy-app-accent:  mat-palette($mat-light-blue, A400);
$candy-app-warn:    mat-palette($mat-deep-orange, A200);

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

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

这是html文件：

 <button  mat-raised-button color="accent" routerLink="/">Home</button>

强调色显示预期的重点，垫浅蓝色，颜色。按钮内的文字仍为灰色。 A400未按预期显示白色。

Answer 1

试试这个

button
{
    color: $(code);
}

Answer 2

它显示与预期相同。 （mat-light-blue，A400）将黑色作为前景色。我建议你使用700到900之间的范围来获得白色作为前景。

您可以参考以下链接获取材料设计调色板的参考。 qazxsw poi

如果你想使用带有白色前景的相同颜色（A400），你可以用自己的造型来做到这一点。

https://material.io/design/color/the-color-system.html#tools-for-picking-colors