How to change tab header background color in ionic-seed project tabs


#1

I have created a new project using ionic start command. the default startup script has bar-stable class across all the tab by default.

<ion-view title="Dashboard">
  <ion-content class="has-header padding">
    <h1>Dash</h1>
  </ion-content>
</ion-view>

How to change the tab header background color Eg, bar-assertive color for this header ?


#2

Which project template did you use exactly?

If you’re on the “tabs” template, you should see a “tabs.html” in the /templates folder, and a line like this:

<ion-tabs tabs-style="tabs-icon-top">

change it so it looks like this:

 <ion-tabs tabs-style="tabs-icon-top" class="tabs-assertive">

If that doesn’t work, post what your “templates” folder tree looks like, and we’ll see from there.