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 |