How to set color programmatically ion-nav-bar ion-header-bar



In my menu.html generated by project sidemenu, i have <ion-nav-bar class="bar-{{appColor}}">

i want to modify this class programmatically, with this
<input type="radio" name="group" ng-model="appColor" value="calm">

so, not working… :frowning:

<button class="button button-{{appColor}}">ok</button>

it’s works !!


Please create us a working example. We can help you only if we can recreate this problem on our own.

Here you’ll find working templates:


If I’ve understood you correctly then should be the solution.
With this tiny library you will be able to modify, get or even remove the actual CSS that is used by the Browser.


Solution… is here…