Color of tabIcon


#1

Hi!
I am currently working on an app using Ionic v2, but i am having trouble changing the color of a tabIcon:
<ion-tab [root]="tab2Root" tabTitle="Alarm" tabIcon="notifications"></ion-tab>
I have tried doing it the same way as for the normal ion-icons but i cant make it work.
Any suggestions on how to change the color of the tabIcon?
Appreciation in advance :slight_smile:


#2

Hi! To change the color of all tab icons you can override the Sass variables $tabs-md-tab-icon-color and $tabs-md-tab-icon-color-active (replace md with ios for iOS). To change a single icon you would probably have to add your own css class to the ion-tab and change it in the css file.