Tabs Color Dose not show


#1

in my application i have tab like this :

  <ion-tabs class="tabs-energized tabs-icon-top">
    <ion-tab title="book" icon="ion-document-text" ui-sref="app.book">
        <ion-nav-view name="book"></ion-nav-view>
    </ion-tab>
    <ion-tab title="chart" icon="ion-pie-graph" ui-sref="app.chart">
        <ion-nav-view name="chart"></ion-nav-view>
    </ion-tab>
    <ion-tab title="game" icon="ion-playstation" ui-sref="app.games">
        <ion-nav-view name="games"></ion-nav-view>
    </ion-tab>
    <ion-tab title="settings" icon="ion-gear-a" ui-sref="app.settings">
        <ion-nav-view name="settings"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="findkeys"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="isitgame"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="choosenote"></ion-nav-view>
    </ion-tab>
</ion-tabs>
</ion-pan>

in google chrome developer tools and genymotion simulator i can see the color but on my device samsung galaxy ground neo it show’s without color. if i set color to tabs-dark it show icon in dark and white icons and if i set it on energized it show orange icon with white background.
also the other problem i have is i can see my images in chrome developer tools and geneymotion simulator but i can’t see it on my device.


#2

for background it defined as tabs-backgroud-dark (replace dark with your color choice)

also for the image, make sure the path are correct and case i correct, i had a similar issue where image was not showing in device, but was showing on chrome browser, the reason for the incorrect case… chrome resolved the URL of image in case insensitive manner, but device are generally case sensitive.
hope this helps