la modification de la couleur de <md-barre d'outils>?

C'est comment mon code ressemble à CodePen:

Je veux l'arrière-plan de "Sidenav Left" à celui de "Menu Items", qui est représenté par la classe comme 

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

J'ai essayé de passer outre, comme 

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

mais cela ne fonctionne pas, que dois-je faire?

OriginalL'auteur daydreamer | 2015-11-06

  1. 4

    Être plus précis dans votre CSS de sélection pour remplacer. Depuis le dessous de sélecteurs sont plus spécifiques, leur priorité sera de plus que la couleur de fond par défaut qui n'était pas remplacée avant. De cette façon, vous êtes en évitant l'utilisation de !important

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

    CodePen Démo

    OriginalL'auteur Manoj Kumar

  2. 2

    Vous pouvez utiliser le md-couleurs directive pour définir une couleur de la palette de couleurs. De cette façon, il changera automatiquement si vous choisissez un thème différent.

    <md-toolbar md-colors="::{background: '{{theme}}-primary-700'}"
    backgroundColor n'est pas de travail, pour le faire fonctionner l'utilisation <md-toolbar md-colors="::{background: '{{theme}}-primary-700'}"
    J'aurais juré que je l'ai utilisé comme je l'ai posté, mais je vois la documentation montre que vous l'avez. Je vais mettre à jour la réponse.

    OriginalL'auteur adam0101