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

标签 css angular angular-material-6 angular-material-theming

是否可以使用您自己的十六进制代码在 Angular Material 中创建主题?

而不是这样的

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

基本上我有用户创建他们自己的主题

最佳答案

是的 - 但不是您展示的方式。 “主题”对象由使用 mat-palette 函数创建的“调色板”组成,该函数返回关键颜色对的映射。您可以在调色板对象中使用您自己的十六进制颜色值 - 这是添加自定义主题的标准方法。参见 https://material.angular.io/guide/theming#defining-a-custom-theme .

关于css - 不使用 Material 的调色板颜色创建 Angular 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54013086/

相关文章:

angular6 - Angular Material 自定义日期选择器格式引发错误 "format.replace is not a function"

javascript - 在每次移动鼠标时,可拖动元素的定位都会重置为零

javascript - npm/Frameworks/如何知道我应该使用哪个版本?

angular - 将对象插入数组并 *ngFor 它

angular - 类型错误 : Cannot read property 'post' of undefined

javascript - 如何使用nodejs将日期选择器中的日期正确存储到mongodb中

angular-material-6 - Angular 6 Material Dialog 字体差异和 Material Icon 大小修改

html - 创建当前视口(viewport)高度 div 的 100% 高度

html - bootstrap,css 为 mob 重新排序 div

javascript - 如何将悬停菜单更改为可点击菜单