Color setting for header and footer bar seems odd

ionic-v1
1

Hi all,

This is my first post here, so please apologize me if there’s anything wrong with it :smile:

I’m just learning to develop with Ionic and I’m already loving it. At the moment, I’ve run into some little problem regarding the navigation. I’m using tabs and I’d like to get a header bar and a footer bar both in the same color scheme (bar-positive). The preview in Firefox or Chrome looks alright, however as soon as I build the app (currently Android), it turns out that the footer bar color scheme is somehow inverse (white background, blue foreground). I have attached two images to show.

This is what I want to get (preview in web browser):





This is what the app (Android emulator) looks like:





My navigation is built up as follows:

index.html:
=====================

<ion-nav-bar class="nav-title-slide-ios7 bar-positive" has-tabs="true">      
</ion-nav-bar>
<ion-nav-view></ion-nav-view>    


tabs.html:
=====================

<ion-tabs class="tabs-icon-top tabs-positive">
    <ion-tab title="Home" href="#/tab/home" icon="ion-home">
        <ion-nav-view name="tab-home"></ion-nav-view>        
    </ion-tab>
    <ion-tab title="Help" href="#/tab/help" icon="ion-help-circled">
        <ion-nav-view name="tab-help"></ion-nav-view>
    </ion-tab>
</ion-tabs>

I hope somebody could tell me how to fix that. Maybe it's just a simple CSS issue?

Thank you very much in advance!

2

I`m also curious as to how to fix this.