Angular Material访问主题颜色

时间:2018-10-25 19:26:56

标签: css angular material

经过SO和GitHub的搜索后,我想澄清一下: 无法访问主题颜色(或任何其他主题功能),例如,设置席卡颜色:

  • 一个人无法访问scss中的变量
  • 不能在组件上设置类(例如class =“ mat-purple-with-spots”)
  • 一个人无法通过组件API访问该功能,因为在大多数情况下,它不公开任何主题功能。

我可以看到两种选择:

  • 一个,经历只为该组件滚动自定义主题的繁琐工作
  • 两个,只需复制RGB代码并将其设置为组件上的普通哑CSS即可。

我想念什么吗?

1 个答案:

答案 0 :(得分:0)

您可以为“强调,原色,暖色”等主要颜色定义自定义主题。

https://material.angular.io/guide/theming#defining-a-custom-theme

在其他情况下,您可能需要将指令应用到使用样式和嵌套CSS选择器添加自定义类的组件。

示例:

<mat-card yourDirectiveForCustomStyles></mat-card>