Change color of active state in tab icons

So, Ionic has a CSS rule that changes the opacity.

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    opacity: 1;
}

You basically just have to override that rule.

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    color: red;
}
4 Likes