Hi,
I define variables based on your post before to change the style of tabs in _theme.scss file. You can use them to change style according to any theme you want. The variables below;
Code: Select all
$panelHeaderBgColor:#337ab7;
$panelHeaderTextColor:#ffffff;
$panelHeaderActiveTextColor:#000000;
$panelHeaderActiveBgColor:#ffffff;
You will use these in which themes' scss file that you want to change. For example, primefaces-avalon-lime layouts' theme.scss file.
Then I wrote these scss codes in _panels.scss file to make it work;
Code: Select all
body {
.ui-tabs {
&.ui-tabs-top {
.ui-tabs-nav {
li {
background: $panelHeaderBgColor;
a {
color: $panelHeaderTextColor;
font-weight: bold;
background-color: $panelHeaderBgColor;
}
&.ui-state-active {
a {
color: $panelHeaderActiveTextColor;
background: $panelHeaderActiveBgColor;
}
}
}
}
}
}
}
Please try it this way.
Best Regards,