Как переопределить цветовую тему в Angular 19? ⇐ CSS

[Anonymous]

Я настраиваю проект в Angular 19, где по умолчанию при установке @angular/material я сохранил azure-blue.css в качестве темы. Теперь я хочу переопределить на основе своих цветов. Я успешно переопределял первичный цвет , но не могу переопределить акцент или warn Colors соответственно.
Я использовал ng Generate @angular/material: codor для генерации поддона, следуя этому ответу. Я создал образец проекта Stackblitz, где я пытался.
Я попытался изменить его в styles.scss , используя приведенный ниже код, но получив ошибку:

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

html {
@include mat.theme(
(
color: (
theme-type: light,
primary: palette.$primary-palette,
accent: palette.$tertiary-palette,
),
typography: (
plain-family: 'Arial, Helvetica, sans-serif',
),
)
);
}

ошибка:

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

X [ERROR] ($config has unexpected properties. Valid properties are theme-type, primary, tertiary, use-system-variables, system-variables-prefix. Found: accent)
╷
51 │             definition.define-colors($color));
│             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\@angular\material\core\tokens\_m3-system.scss 51:13  theme()
src\styles.scss 8:5                                               root stylesheet [plugin angular-sass]

angular:styles/global:styles:2:8:
2 │ @import 'src/styles.scss';
╵         ~~~~~~~~~~~~~~~~~

Я понял ошибку, но если мне нужно изменить Accent или Warn Как это произойдет?


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