Tab Badge Style Doesn't Work on Tab Dark


#1

Hello, with the following code, I’m expecting the tab badge colour to be red, but instead it’s dark and hardly readable:

<ion-tabs class="tabs-icon-only tabs-dark">
...
  <ion-tab badge="1" badge-style='badge-assertive' icon-on="ion-ios7-email-outline" icon-off="ion-ios7-email-outline" href="#/tab/notices">
...

Any ideas or workarounds?

Cheers


#2

Hmm, I put this in a codepen and it seems fine to me. Do you have any css that could be over ridding ionics css?


#3

You’re absolutely right, we did have some css that was overriding the icon styling. Thanks!


#4

Glad to have helped :smile: