Angular Material 主题系统-- 自定义主题

Posted 2021-09-28 locotor

实际的开发场景中，应用程序的文字排版不是一成不变的，也常常需要自定义颜色来适配具体项目需求，这就需要去自定义 Material 的主题。
Angular Material 库的样式是采用 Sass 开发的，几乎全部写在了 mixin 中，定制起来非常容易，让整个主题系统相当的灵活可配置。它也提供了很多的工具型 mixin 和 函数，来帮助我们在编写自己的组件时，和 Material 的主题样式步调一致。

自定义主题

首先，在 src 目录下创建一个 theme 文件夹以便后续管理自定义主题配置，然后咱们就开始一步一步完成主题的全面定制吧