Setting the toolbar background colour, the correct way?


#1

Ionic 3. Set the tool bar background colour using $toolbar-background. But the menu button (ion-buttons) is displayed in its original colour. I could set the menu button colour separately, but what is the correct way to set the toolbar background colour once and for all?

3LJ2k


#2

If you want to set a toolbar background for all pages.
Simply change the CSS inside your app.scss. Probably you need a ugly !important to make this work.


#3

I do this

<ion-toolbar color="primary">

variables.scss

$colors: (
	primary: #0092cf,
	...
);

#4

It had the same effect. It changed the background colour but not that of the menu, resulting the same look as the screenshot of my OP.


#5

No, my point is not that. Setting $toolbar-background already changed the background colour of the Navbar for all tabs. The point is that the action menu’s background is not changed. I wanted to know a way to set the background colour for the whole Navbar, including the action menu.