How to customize the color of ion-tabs


#1

I want to customize the color of ion-tabs like I want

<ion-tabs class="tabs-icon-only tabs-top" style="background-color: purple;">

It works for header and footer but not for tabs. please guide me how to change the color of tabs other the the color ionic provides .


#2

You can use like -
In Html page-

<ion-tabs class="tabs-icon-top tabs-positive">

You can oversight css in ionic.app.scss.
$positive: #000000; what ever color you want.


#3

@shashikant I am new to ionic can you please create the codepen for this


#4

This is the codepen example -

you can write the css-

.tabs-positive > .tabs{
background-color: red !important;
}


#5

@shashikant Thanks alot !


#6

man, wth, please in the future do not make ‘get clicky’ buttons :slight_smile: funny joke, have to admit, but i had to force close my browser because it wasn’t reactive anymore :frowning: