Цвет кнопки углового материала не применяется с routerLinkActive ⇐ CSS

[Anonymous]

Я использую Angular Material для своего приложения и настроил следующие кнопки

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

My Messages

[list]
[*]

New Post


[/list]

Проблема:
Когда я перехожу к маршруту /create, я ожидаю, что кнопка «Новое сообщение» будет иметь цвет акцента, определенный с помощью mat-accent, когда активный. Однако цвет текста остается черным вместо ожидаемого розового цвета в индиго-розовой теме.
Я подтвердил, что тема правильно импортирована в angular.json:

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

"styles": [
"node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"src/styles.scss"
]

На изображении выше вы можете увидеть< /p>

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

.mat-mdc-button.mat-accent{
--mdc-text-button-label-text-color : #ff4081
}

переопределяется

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

.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{
--mdc-text-button-label-text-color : var(--mat-toolbar-container-text-color)
}

Что я пробовал:

• Очистка кэша Angular.
• Проверка CSS на наличие проблем со специфичностью.
• Убедение в актуальности всех зависимостей.

Почему Цвет mat-accent не применяется к кнопке, когда она активна?

Как я могу переопределить стиль панели инструментов, чтобы цвет акцента отображался правильно?
Любая информация будет полезна будем очень признательны!

Подробнее здесь: https://stackoverflow.com/questions/791 ... linkactive