Тема Light and Dark в приложении Angular не работает в моем проекте - PullRequest
Новая
       30

Тема Light and Dark в приложении Angular не работает в моем проекте

0 голосов
/ 22 января 2020

Я пытаюсь создать светлую и темную тему в своем проекте, но не могу достичь, в моем коде чего-то не хватает. пожалуйста, предложите, как достичь темы.

пример приложения в stackblitz

ниже приведены следующие шаги:

Светлая тема с использованием палитры указана go

$app-primary: mat-palette($mat-indigo);

Темная тема с использованием палитры: 

$app-primary-dark: mat-palette($mat-grey, 600);

это правильно для палитры темных тем?

и объект Theme:

светлая тема 

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

Темная тема 

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

В style.s css импорт файлов и @ включите тематические миксины под кодом 

.light-theme{
  @include angular-material-theme($app-theme);
}
.dark-theme{
  @include angular-material-theme($dark-theme);
}
...