Change iOS status bar font color to white

1

Is it possible to do this?

1 Like
2

http://learn.ionicframework.com/formulas/customizing-the-status-bar/

1 Like
3

There’s no mention of font color. And the light style doesn’t make the font white.

4

Do you have the status bar plugin installed?

5

Yes. It came as part of the Ionic sidemenu starter project.

6

Ahh I think I read you question too quickly.
There is is not way to change the font-color of the status-bar, just the background. The font color adjusts to either white or black depending on the bar color.

Ok, so this assumes that you have the ng-cordova plugin for the status-bar.
If not, you can do this

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})
1 Like
7

See here iOS status bar font color - #5 by Norwill

This apply to all app, yo no need to put this on xCode.

9

Hello mhartington,

still it is not working in ios status bar font color, my background color is blue and font color are white, i have download http://learn.ionicframework.com/formulas/customizing-the-status-bar/ this plugin, showing in black color,

i have added in config.xml
<preference name="StatusBarBackgroundColor" value="#0db3f1"/> <preference name="StatusBarStyle" value="#FFFFFF" />

Thanks,

10

platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleLightContent(); // do not use default style
});

4 Likes