I am trying to change the color on hover and active state of my individual tab links. I can’t seem to figure it out however. Currently, the hover color only works for the tab that is active.
Here’s a tip, that I didn’t know until I had your same issue. Tabs can be changed for:
The active “panel”
The “non-active” panel
Not active or non-active tab, which can happen too, but look at active “panels” first.
It tripped me out, but you can set hovers, focused, etc on your “Tab Button”, but that tab’s panel is on another panel that’s not tied to that button, it will actually show 2 different hovers.
When setting all your color changes:
Make sure you’re on the Button, but also you’re on that “Button’s Panel”, not another.
Use the background setting, not the image & gradient. (This gets confusing too, just use bg to simplify)
This will get your colors set properly, without pulling on your hair