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>