CSS Variables in Ionic 4
CSS Variables in Ionic 4 I am trying to change the color of the icon in the selected tab and am really struggling with how to overwrite the variable. I'm doing the following: ion-tabs --color-selected: #ff7800 !important; --ion-color-contrast: #ff7800 !important; can you share your code in a plunker? – Muhammad Nadeem Sep 14 '18 at 6:26 2 Answers 2 I figured it out! It looks like --ion-color-contrast stems from the original them that you've applied to the component, in my case "dark". So I actually need to overwrite --ion-color-dark-contrast as follows: ion-tabs --ion-color-dark-contrast: #ff7800 !important; Please look at the url ref. Overriding Ionic Sass Variables https://ionicframework.com/docs/theming/overriding-ionic-variables/ Sass Variables https://ionicframework.com/docs/theming/sass-variables/ Yep! I've read both. I thought I was doing what they said, but it is never overwriting. I'm specifically not able to change t