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 |