Change Navigation bar Color on Android Lollipop?

ionic-v1
1

How can we change the navigation bars color on android lollipop and onwards?

image
B8ph4.png500×890 46.7 KB

I know that we can change the status bar color/ColorPrimaryDark using apache’s statusbar plugin but I want to change the navigation bar’s color.

Thanks

2

I don’t believe that is possible at the moment, at least I haven’t seen any thing that would do that.

3

Thanks. Hope there is a plugin soon.

4

Hi ! I use this plugin!

And work very good! If you like change color on the views, you need implement the code in the controllers,

example:

.controller('MyCtrl', function($scope) {
  $scope.$on('$ionicView.enter', function() {
    if (window.StatusBar) {
            StatusBar.backgroundColorByHexString("#3E2723");
        }
  })
})

And the color change…

Good Luck !

1 Like
5

The above is okay. But When minimize the app in android. titlebar color is black. How to change this?