This page lists CSS variables for tabs.

CSS variables

VariableDescription
--tab-background-activeTab background color (active tab)
--tab-text-colorTab text color
--tab-text-color-activeTab text color (non-focused window, active)
--tab-text-color-focusedTab text color (focused window)
--tab-text-color-focused-activeTab text color (focused window, active)
--tab-text-color-focused-highlightedTab text color (focused window, highlighted)
--tab-text-color-focused-active-currentTab text color (focused window, current tab)
--tab-font-sizeTab font size
--tab-font-weightTab font weight
--tab-container-backgroundTab container background color
--tab-divider-colorTab divider color
--tab-outline-colorTab outline color
--tab-outline-widthTab outline width
--tab-curveTab curve radius
--tab-radiusTab outer radius
--tab-radius-activeTab outer radius (active tab)
--tab-widthTab default width
--tab-max-widthTab maximum width

Tab stacks

Styling for stacked tabs

VariableDescription
--tab-stacked-pane-widthStacked pane width
--tab-stacked-header-widthStacked header width
--tab-stacked-font-sizeStacked tab font size
--tab-stacked-font-weightStacked tab font weight
--tab-stacked-text-alignStacked tab text alignment
--tab-stacked-text-transformStacked tab text transform
--tab-stacked-text-writing-modeStacked tab text writing mode
--tab-stacked-shadowStacked tab shadow