This page lists CSS variables for tabs.

CSS variables

Variable Description
--tab-background-active Tab background color (active tab)
--tab-text-color Tab text color
--tab-text-color-active Tab text color (non-focused window, active)
--tab-text-color-focused Tab text color (focused window)
--tab-text-color-focused-active Tab text color (focused window, active)
--tab-text-color-focused-highlighted Tab text color (focused window, highlighted)
--tab-text-color-focused-active-current Tab text color (focused window, current tab)
--tab-font-size Tab font size
--tab-font-weight Tab font weight
--tab-container-background Tab container background color
--tab-divider-color Tab divider color
--tab-outline-color Tab outline color
--tab-outline-width Tab outline width
--tab-curve Tab curve radius
--tab-radius Tab outer radius
--tab-radius-active Tab outer radius (active tab)
--tab-width Tab default width
--tab-max-width Tab maximum width

Tab stacks

Styling for stacked tabs

Variable Description
--tab-stacked-pane-width Stacked pane width
--tab-stacked-header-width Stacked header width
--tab-stacked-font-size Stacked tab font size
--tab-stacked-font-weight Stacked tab font weight
--tab-stacked-text-align Stacked tab text alignment
--tab-stacked-text-transform Stacked tab text transform
--tab-stacked-text-writing-mode Stacked tab text writing mode
--tab-stacked-shadow Stacked tab shadow
Tabs
Interactive graph