无法使用主题scss文件覆盖Angular材质颜色

Question

按照here的说明，我为Angular 7项目创建了theme.scss文件。

我将其添加到我的angular.json文件中，并使用一些简单的非实质性规则对其进行测试，然后将其导入并编译良好。

"styles": ["node_modules/pb-design-system/dist/css/designsystem.css", "src/theme.scss", "src/styles.scss"],

但是，无论我做什么，我的主要按钮仍在使用Indigo。

要测试它，我正在尝试青色：

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

@include mat-core();


$pbds-primary: mat-palette($mat-cyan);
$pbds-accent: mat-palette($mat-pink, A200, A100, A400);

$pbds-warn: mat-palette($mat-red);

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

@include angular-material-theme($pbds-theme);

当我检查开发工具中的按钮时，会看到

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}

对于html：

<button color="primary" mat-flat-button>OK</button>

按钮现在应该不是Cyan 500吗？我很困惑。

我还没有看到对theme.scss的引用会影响开发工具中的样式检查器中的按钮。