基于angular material theming机制如何修改mat-toolbar的背景色
导读：本文共1547.5字符，通常情况下阅读需要5分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：本文小编为大家详细介绍“基于angularmaterialtheming机制如何修改mat-toolbar的背景色”，内容详细，步骤清晰，细节处理妥当，希望这篇“基于angularmaterialtheming机制如何修改mat-toolbar的背景色”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。首先通过 mat-toolbar （以下统一称为 toolbar）的实现源... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
首先通过 mat-toolbar （以下统一称为 toolbar）的实现源代码 _toolbar-theme.scss 得知背景色来自 theme 中 background palette 的 app-bar。
于是通过下面的 scss 代码修改 app-bar 的颜色值
注：第1行代码就是我们想使用的背景色
但发现上面的修改对 toolbar 没有起作用，而通过下面的代码可以拿到修改后的背景色
看来 mat-toolbar 不是通过 theme 的 background 获取背景色的。
查看的 define-light-theme 的实现源码 _theming.scss 发现下面的代码
由此猜测 toolbar 可能是 legacy theme
进一步查看 toolbar 的实现源码 _toolbar-theme.scss
的确是 legacy theme 。
最终在之前的代码基础上添加下面的代码解决了问题。
本文：
基于angular material theming机制如何修改mat-toolbar的背景色的详细内容，希望对您有所帮助，信息来源于网络。