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

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

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