Setting the toolbar background colour, the correct way?

Ionic Framework ionic-v3
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.

1 Like
3

I do this

<ion-toolbar color="primary">

variables.scss

$colors: (
	primary: #0092cf,
	...
);
3 Likes
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.