材质自定义主题颜色如何应用于Angular材质组件和HTML元素？

Question

我已经在Angular 10应用中成功设置了自定义主题，并且开始使用它，但是我不了解如何将主题颜色（例如主色，强调色和背景色）应用于Angular Material Components和HTML元素。

我有几个与此有关的问题。

第一个问题是：“材料主题”颜色是自动应用的还是我需要在需要时设置它们？

例如，使用以下代码：

<mat-card-actions>
  <button i18n mat-raised-button color="accent" fxFlexFill>Log in</button>
</mat-card-actions>
                    
                    

我的按钮具有为“自定义主题”的强调色定义的颜色，很好。

我认为由于它是一个按钮，因此会自动应用一种互动元素，强调色，因为当我在以下位置阅读文档时： https://material.angular.io/guide/theming#defining-a-custom-theme 它说：
强调调色板：用于浮动操作按钮和交互式元素的颜色。

但是不是。如果我未设置颜色，则按钮将保持灰色。

这正常吗？我是否需要在Material Components上明确设置强调色？

第二个问题是：“材料主题”颜色是否适用于所有“材料组件”？ 我试图将color =“ accent”应用于mat-card和mat-card-content，以更改其颜色背景，但没有成功。 我还尝试将color =“ background”应用于mat-card和mat-card-content，也没有成功。

第三个问题是：如何将“材料主题”的“背景”颜色应用于“材料组件”？

最后一个问题：听起来材料主题颜色仅适用于材料组件。

为了响应，我的Angular组件模板使用HTML div和Angular Flex Layout。如果我使用color =“ accent”设置div的颜色，则不会发生任何事情。

这正常吗？如果是，那么如何为div或任何其他HTML元素加上材料主题颜色，或者用Angular Material Component替代div？