Option to change the color of tabs

[shekhar677]

There is no option to change color of tabs

[saadeghi]

You can change the colors using CSS variables.
Here's an example: https://play.tailwindcss.com/Ryc6Lklr8w

Let me know if you have any questions

[shekhar677]

Thanks for the quick reply. 👍🏻

[shekhar677]

I tried changing color of tabs as suggested but its not working in my case.
here is the example: https://play.tailwindcss.com/it8QaKOPqx

[saadeghi]

--tab-bg CSS variable is for tab-lifted on this example

for tabs-boxed you don't need any of them because it has such a simpler style. Just remove tab-active class (because it overrides the primary color. if you don't want primary, you don't need tab-active) and simply add a bg color to it

<div class="tabs tabs-boxed">
  <a class="tab">Tab 1</a> 
  <a class="tab bg-yellow-400">Tab 2</a> 
  <a class="tab">Tab 3</a>
</div>

[shekhar677]

thanks this worked.

[ZaynTseng]

Oh thanks a lot for the solution of styling tabs-boxed ! Literally dig into everywhere and now the answer is here, simply remove the tab-active class and that's it😂