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>