Как изменить угловой материал V19 Colors на основе маршрутизации и управлять всеми цветами в одном файле SCSS? ⇐ CSS

[Anonymous]

Я использую угловой материал v19 (MDC), а также пользовательские угловые компоненты (например, header.component.ts) в моем проекте. Внутри этих компонентов я часто использую компоненты материала, такие как мат-кнопку, но с пользовательскими классами (например,. Manage-Button). < /P>
Мне нужно применять разные стили (например, цвет фона, Цвет текста) для моих пользовательских компонентов и кнопок в зависимости от текущего маршрута. Например: < /p>

• на приборной панели, цвет фона заголовка. . < /li>
  On /Company, тот же заголовок. /> Мои требования: < /p>
  
  Стили должны меняться на основе маршрутизации. < /li>
  Все специфичные для маршрута цвета должны быть определенным в одном файле SCSS для удобного обслуживания. Управление-кнопок). < /li>
  < /ul>
  Мои вопросы: < /p>
  
  Какая лучшая практика Чтобы обрабатывать стиль на основе маршрутов для пользовательских компонентов + компоненты материала?

Подробнее здесь: https://stackoverflow.com/questions/794 ... and-manage