Change color of active state in tab icons


I am having difficulty tracking this down. I am trying to change the color of the active state on the tab icons. I want to keep my ion-tabs background grey and the icons themselves as the default black, but an active tab I want a different color.

Any clue what I am missing? Thank you for yoru help.


How do I change the color of an active ionic tab?

Bump. Anyone have any idea on a solution to this? Thank you.


So, Ionic has a CSS rule that changes the opacity.,, .tab-item.activated {
    opacity: 1;

You basically just have to override that rule.,, .tab-item.activated {
    color: red;


Brilliant!! I was looking at it so long that I never even thought of that and it was right there in front of me :slight_smile: Thank you for your help.


Thank you. It worked


This solution no longer seems to work.


look at this


For me, setting the CSS rules for the class “.activated” worked.

.activated {
   background-color: blue;

This class is applied momentarily to the tab item that is selected.