In my tab above, the “News” tab (both text and icon) are hard to read on a device when compared to the active tab, “Contact”. This is a customer complaint so I need to fix it.
I’ve spent almost a day playing with the CSS and SCSS files but cannot find how to make the off text/icon a bit brighter - I did try changing this but no difference
$tabs-striped-off-color: #000; $tabs-striped-off-opacity: 0.4;
My tab HTML is
<ion-tabs class="tabs-striped tabs-background-positive tabs-light tabs-icon-top"> <ion-tab title="News" icon="icon ion-ios7-paper-outline" href="#/tab/news"> <ion-nav-view name="news-tab"></ion-nav-view> </ion-tab> <etc....> <etc....> </ion-tabs>
Any help would be appreciated!