Spaces:
Sleeping
Sleeping
File size: 2,691 Bytes
c63ff03 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
---
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 |
|