改变颜色<md-toolbar>？

Question

这是我的代码看起来像CodePen：

我想要的“Sidenav Left”的背景是的“Menu Items”，这是由类作为

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

我试图重写它作为代表

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

但这并没有工作，我需要做什么？

Answer 1

在您的CSS选择中进行更具体的覆盖。由于下面的选择器更具体，它们的优先级将高于之前未被覆盖的默认背景颜色。这样你避免!important

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

CodePen Demo

Answer 2

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

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