Кнопка Angular Material 3 не отображает лазурный цвет (#005cbb) ⇐ CSS

[Anonymous]

Это мой HTML:

Код: Выделить всё

Basic

Это мой scs:

Код: Выделить всё

.basic {
@include mat.theme((
color: (
theme-type: light,
primary: mat.$azure-palette,
tertiary: mat.$blue-palette,
),
typography: Roboto,
density: 0,
));
}

Несмотря на это, я продолжаю видеть черный текст на белом фоне вместо лазурного текста.
Что я вижу:


А вот что есть на StackBlitz как:


И я скопировал из этого StackBlitz: https://stackblitz.com/edit /ibsvoqpb?file=src%2Fexample%2Fbutton-overview-example.html,src%2Fstyles.scss
Я вижу этот стиль в инструменты разработки Chrome:

Код: Выделить всё

.mat-mdc-button:not(:disabled) {
color: var(--mdc-text-button-label-text-color, var(--mat-sys-primary));
}

Как мне избавиться от «var(--mdc-text-button-label-text-color», из-за которого текст становится черным?


Подробнее здесь: https://stackoverflow.com/questions/793 ... 5cbb-color