you could also count with sass Class:nth-child(1) background blue
it would be slightly more complex than this, but just as an example
The active tab can be found because it has a <li> element with the class “active”. So if you create a class for your tab container, you need to apply the styling to the active child elements.
That is the first step. Maybe someone else can help with defining the color :-)
Jason replied to another question I posted similar to this one with the following
“to make it different per tab, you can change the sass shown and add a nth selector”
.mx-tabcontainer {
&>.mx-tabcontainer-tabs {
li:nth-of-type(1) {
&.active>a,
&.active>a:hover,
&.active>a:focus {
background-color: red;
}
}
li:nth-of-type(2) {
&.active>a,
&.active>a:hover,
&.active>a:focus {
background-color: blue;
}
}
}
}
I tried this SCSS on my app and it make each tab a different colour when you click on it.