Ionic v4 ion-toolbar color not working

Ionic Framework
1

The color attribute appears to have no effect, is that still the correct way of doing it?

     <ion-header>
        <ion-toolbar color="primary">
          <ion-title>Header</ion-title>
        </ion-toolbar>
      </ion-header>

Here is the jsfiddle https://jsfiddle.net/tah7z6g9/4/

According to the docs, the color attribute should still be valid

2 
  .toolbar-title {
    color: #FFFFFF
  }

  .toolbar-background {
    background-color: #017EC0;
  }
3

Ionic v4?

Have a try modifying the variable --background like Ion-toolbar background-image Ionic 4

1 Like
4

<ion-toolbar color="primary"> should still work in v4. Maybe you’re missing the global CSS.
See https://github.com/ionic-team/ionic/blob/master/angular/BREAKING.md#including-the-css-files

1 Like
5

@pwespi Yes that worked. Thanks!