css - 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>