Angular Material访问主题颜色

Question

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

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

我可以看到两种选择：

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

我想念什么吗？

Answer 1

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

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

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

示例：

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