Как изменить цвет фона группы mat-tab в Angular? ⇐ CSS

[Anonymous]

Я использую угловую версию 16. Здесь у меня есть панель вкладок материала, которой я хочу задать цвет фона. mat-tab-group принимает backgroundColor в качестве входных данных и назначает этот цвет.

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

Таким образом, я могу назначить либо основной, либо цвет акцента, либо цвет предупреждения. Поскольку этот input-backgroundColor имеет тип ThemePalette, который определен в файле index.d.ts как -

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

export declare type ThemePalette = 'primary' | 'accent' | 'warn' | undefined;

Итак, теперь мне нужен цвет, скажем, для primary-light или для моей собственной защитной палитры. Как я могу это сделать? т. е. как расширить эту ThemePalette, чтобы добавить больше опций?
Я пробовал еще один способ - я пытался изменить цвет фона с помощью CSS, но не сработало

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

::ng-deep .mat-mdc-tab-group.mat-background-primary .mat-tab-header,
::ng-deep .mat-mdc-tab-nav-bar.mat-background-primary .mat-tab-header {
--mat-tab-header-with-background-background-color: red;
}

И как мне это сделать? Подойдет любой способ — либо путем расширения ThemePalette, либо с помощью css.

Подробнее здесь: https://stackoverflow.com/questions/784 ... of-angular