Menu scss.. how to change?

Ionic Framework ionic-v3
1

Hello people… Im trying to change the background color of this menu… but is far more difficult than i thought…
any help? i need the color change by scss… because i’m trying to change it dynamically
i try the code below but without success

ion-menu.scroll-content {
    background-color: #166d2f !important;
  }

  ion-menu {
    background-color: #166d2f !important;

    .div {
      background-color: #166d2f !important;
    }

    .div.scroll-content {
      background-color: #166d2f !important;
    }

    scroll-content {
      background-color: #166d2f !important;
    }

    ion-header {
      background-color: #166d2f !important;
    }

    ion-content {
      background-color: #166d2f !important;
    }
  }

Capturar
Capturar.PNG1014×1207 102 KB

2

Hello,

maybe you can use ngclass ang ngstyle for dynamically appling css.

Beest regards, anna-liebt

3

the dynamically part is working… the normal pages are changing the colors dynamically… only the menu doesn’t work

4

plz help? im stuckkk

5

You can overide scss variables to change lots of stuff in Ionic. I suggest you to look into that a bit and change the menu’s color that way.

Edit: The menu is variable is $toolbar-background