Создание угловой темы без использования палитры материалов.

Question

Можно ли создать тему в угловом материале с собственными шестнадцатеричными кодами?

вместо чего-то подобного

$my-theme-primary: mat-palette($mat-blue, 800);
$my-theme-accent: mat-palette($mat-orange);
$my-theme-warn: mat-palette($mat-red);
$my-theme: mat-light-theme($my-theme-primary, $my-theme-accent, $my-theme-warn);

сделать что-то вроде этого

$my-theme-primary: #1565C0;
$my-theme-accent: #f4b942;
$my-theme-warn: mat-palette($mat-red);
$my-theme: mat-light-theme($my-theme-primary, $my-theme-accent, $my-theme-warn);

В основном у меня есть пользователи, создающие свои собственные темы

Answer 1

$mat-primarycolor: (
500: #1565C0
);
$mat-accentcolor: (
 500: #f4b942
);

$my-theme-primary: mat-palette($mat-primarycolor);
$my-theme-accent:  mat-palette($mat-accentcolor);
$my-theme-warn: mat-palette($mat-red);
$my-theme: mat-light-theme($my-theme-primary, $my-theme-accent, $my-theme-warn);

Пожалуйста, попробуйте этот код.Это помогает

Answer 2

Да, но не так, как вы показали. Объекты «Theme» состоят из «палитр», созданных с помощью функции mat-palette, которая возвращает карту пар цвет-ключ. Вы можете использовать свои собственные шестнадцатеричные значения цвета в объектах палитры - это стандартный способ добавления пользовательской темы. Смотри https://material.angular.io/guide/theming#defining-a-custom-theme.