Spaces:
Sleeping
Sleeping
| cssClass: reference | |
| 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 | | |