Настройка цвета Mat-Button в Angular Material 19 (M3) ⇐ CSS

[Anonymous]

Я использую материал angular 19.0.3 и механизм тем m3
вот мой style.scss

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

html {
color-scheme: light dark;
@include mat.theme((color: (
primary: ft-green-theme.$primary-palette,
tertiary: ft-green-theme.$tertiary-palette,
),
typography: InterVariable,
density: 0));

&[dir='rtl'] {
@include mat.theme((typography: IranSans,
));
}
}

body.light {
color-scheme: light;
}

body.dark {
color-scheme: dark;
}

Теперь у меня есть кнопка

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

click me

Раньше я мог это сделать

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

click me

и кнопка была бы красной.
Но в новой версии углового материала (19) всё поменяли.
Я пытался прочитать документацию, но ничего не понял.
В документации по мат-кнопкам написано:

Цвет темы кнопки. Этот API поддерживается только в темах M2 и не действует в темах M3.
Информацию о применении вариантов цвета в M3 см. на странице https://material.angular.io/guide/. theming#using-comComponent-color-variants.

А в предоставленной ссылке есть только объяснение того, как задать цветовую палитру в качестве темы.< /p>
Но предположим, У меня будет диалоговое окно подтверждения, и кнопка «Да» будет зеленой, а кнопка «Отмена» — красной.
Как мне раскрасить отдельные матовые кнопки в угловом материале 19??

Подробнее здесь: https://stackoverflow.com/questions/793 ... rial-19-m3