Changer la couleur de la barre de navigation dans MaterializeCSS

Question

Je souhaite modifier de manière dynamique la couleur d'arrière-plan de la barre de navigation de Materialize. Cette opération doit donc être effectuée via un fichier CSS. J'ai essayé de faire

.nav-wrapper{
 background-color: <MYCOLOR HERE> !important;
}

Mais cela reste la même couleur que celle mentionnée dans la classe de la barre de navigation.

Answer 1

Parce que dans Materialise, vous devez changer la couleur de fond de nav, par exemple vous voulez une barre de navigation blanche:

.nav {
  background-color: #ffffff !important;
}

Une autre solution, ajouter la classe white de <nav>:

<nav class="white">

Cela changera aussi la couleur de fond de la barre de navigation.

Si vous utilisez sass ou scss, vous avez une solution supplémentaire:

nav {
  @extend .white;
}

J'espère que ça vous aide!

Answer 2

Pour la classe nav-wrapper use:

.nav-wrapper {
    background-color: #850000 !important;
    font-size: 14px;
    font-weight: bold;
  }