<md-toolbar>の色が変わりますか？

Question

これは私のコードはCodePen上でどのように見えるかです：、私は「Sidenav Left」の背景には、「Menu Items」のようになりたい

私のようにそれを上書きしようとした

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

としてクラスによって表されます

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

しかし、それはうまくいかなかったのですが、私は何をする必要がありますか？

Answer 1

より具体的には、CSSの選択を変更して上書きしてください。以下のセレクタはより具体的なので、優先度は以前にオーバーライドされていなかったデフォルトの背景色よりも高くなります。このように、あなたがあなたのカラーパレットから色に設定するmd-colorsディレクティブを使用することができます!important

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

CodePen Demo

Answer 2

の使用を避けています。そうすれば、別のテーマを選択すると自動的に変更されます。

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