How to update stylesheet of all ion-toolbar except ion-toolbar under ion-menu

Ionic Framework Ionic Angular
1

Hello All,

I have multiple pages in my app with ion-toolbar and I want to add below stylesheet to all of them, except ion-toolbar under ion-menu in app.component.html

ion-toolbar {
    --border-color: #b2b2b2;
    --background: #a70100;
}

I tried to add it in variable.scss file but all ion-toolbar gets changed, How can i add an exception case to avoid change in ion-toolbar under ion-menu.

Thanks in Advance :slight_smile:

2

I would look at the :not selector.

1 Like