Не удается переопределить цвета углового материала с помощью файла темы - PullRequest
Новая
       8

Не удается переопределить цвета углового материала с помощью файла темы

0 голосов
/ 05 декабря 2018

Следуя инструкциям здесь , я создал файл theme.scss для своего проекта Angular 7.

Я добавил его в свой файл 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, влияющую на кнопку в инспекторе стилей в инструментах разработчика.

...