designsystemet icon indicating copy to clipboard operation
designsystemet copied to clipboard

Colors in Tabs

Open Febakke opened this issue 10 months ago • 2 comments

Febakke avatar Feb 26 '25 09:02 Febakke

The tabgroup needs one active tab, and the rest should not be active. The non-active ones should always look non-selected, i.e. neutral.

If we inherit color we will most of the time run into issues where they look selected, since we set color when data-color is set.

it makes it hard to do correct hover states for them.

The tab content should probably inherit color.

Barsnes avatar Feb 26 '25 13:02 Barsnes

Another point to why not to inherit color: In a case where the tabs are data-color="neutral", the unselected tabs will look more selected than the selected one: In the image, the selected one looks disabled compared to the ones inheriting color. Image

Barsnes avatar Mar 13 '25 08:03 Barsnes

We haven’t received any requests or comments regarding this, and since the active tab is underlined, it’s already clear which one is active.

mrosvik avatar Nov 03 '25 13:11 mrosvik