css - 在不使用 Material 的调色板颜色的情况下创建 Angular 主题

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-palette返回键颜色对映射的函数创建的“调色板”组成。您可以在调色板对象中使用自己的十六进制颜色值 - 这是添加自定义主题的标准方式。请参阅https://material.angular.io/guide/theming#defining-a-custom-theme。

Answer 2

$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);

请尝试此代码。它有助于