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