Change navbar text-color Ionic 2

Ionic Framework ionic-v3
1

I create my navbar is transparent but I want to change text-color to white color

image

  <ion-header >
      <ion-navbar >
        <ion-title >log in</ion-title>
      </ion-navbar>
    </ion-header>
2

Hello there, fongfuse!

I know this is an old question, but in case anyone comes across this question like I did, it can be done like that:

 <ion-header>
      <ion-navbar>
        <ion-title >
           <span text-color="my-custom-color"> log in </span>
        </ion-title>
      </ion-navbar>
    </ion-header>

And in your page.scss file:

[text-color="my-custom-color"] {
    color: white;
}

Best regards! :wink:

2 Likes