MaterializeCSSでナビゲーションバーの色を変更する

Question

ナビゲーションバーの背景色をマテリアライズから動的に変更したいので、CSSを使用して行う必要があります。やってみた

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

しかし、それはnavbarのクラスで述べたように同じ色のままです。

Answer 1

Materializeではnavの背景色を変更する必要があるため、たとえば、白いナビゲーションバーが必要です。

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

<nav>のクラスwhiteを追加する別のソリューション：

<nav class="white">

ナビゲーションバーの背景色も変更されます。

Sassまたはscssを使用している場合は、もう1つの解決策があります。

nav {
  @extend .white;
}

よろしくお願いいたします。

Answer 2

クラスnav-wrapperの場合：

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