Две материальные темы параллельно

Question

Возможно ли одновременное использование двух тем оформления материала в одном приложении?

Это мой вариант использования: большинство приложений имеет mat-light-theme , но яхотел бы иметь заголовок и боковую навигацию, чтобы иметь mat-dark-theme , включая все компоненты, которые находятся внутри них.

Конечно, я могу сделать это вручную, переопределив классы, но янадеюсь на более элегантное решение.

Вот что я попробовал (без успеха):

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

.drawer {
  // background: $primary-dark;
  // color: $cl-text-fg-dark;

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

Answer 1

Я был фактически близок к решению, проблема была в том, что тема темного материала должна была быть определена в классе ящик-контейнер , а не ящик .То же самое касается заголовка - темная тема должна быть применена к непосредственному родителю.

Надеюсь, это кому-нибудь поможет.

ОБНОВЛЕНИЕ: Вот ссылка на решение StackBlitz .