This page lists CSS variables for tabs.
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 |
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 |