改变 <md-toolbar> 的颜色？答案

【问题标题】：changing color of <md-toolbar>?改变 <md-toolbar> 的颜色？
【发布时间】：2016-02-07 05:53:36
【问题描述】：

这就是我的代码在CodePen 上的样子：

我希望“Sidenav Left”的背景是“Menu Items”的背景，用class表示为

.nav-theme {
  background-color: #34495E
}

我尝试将其覆盖为

.nav-theme, .md-theme-indigo {
  background-color: #34495E
}

但这不起作用，我需要做什么？

【问题讨论】：

【解决方案1】：

更具体地选择要覆盖的 CSS。由于下面的选择器更具体，它们的优先级将高于之前没有被覆盖的默认背景颜色。这样您就可以避免使用!important

.md-sidenav-left .md-theme-indigo, .md-sidenav-left .nav-theme {
    background-color: #34495e;
}

【讨论】：

【解决方案2】：

您可以使用 md-colors 指令将其设置为调色板中的颜色。这样，如果您选择不同的主题，它会自动更改。

<md-toolbar md-colors="::{background: '{{theme}}-primary-700'}"

【讨论】：

backgroundColor 不起作用，要使其正常工作，请使用 <md-toolbar md-colors="::{background: '{{theme}}-primary-700'}"
@Jouke，我本可以发誓我在发布时使用了它，但我看到文档显示它是你所拥有的。我会更新答案。