Solution Header Colors
Intended audience: ADMINISTRATORS DEVELOPERS
AO Platform: 3.5
Overview
This topic describes the style configurations for Solution Header Colors.
Variable Names
--vux-sol-header-text-500
CSS Variable Name | --vux-sol-header-text-500 |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header text color
Examples
Used for solution header text color
--vux-sol-header-bg
CSS Variable Name | --vux-sol-header-bg |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header background color
Examples
Used for solution header background color
--vux-sol-header-icon
CSS Variable Name | --vux-sol-header-icon |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header icons color
Examples
Used for solution header icons color
--vux-sol-header-icon-hover
CSS Variable Name | --vux-sol-header-icon-hover |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header icons color
Examples
Used for solution header icons color
--vux-sol-header-border
CSS Variable Name | --vux-sol-header-border |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header border color
Examples
Used for solution header border color
--vux-sol-header-badge-bg
CSS Variable Name | --vux-sol-header-badge-bg |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header badge background color
Examples
Used for solution header badge background color
--vux-sol-header-badge-text
CSS Variable Name | --vux-sol-header-badge-text |
|---|---|
Light |  |
Dark |  |
Description
Used for solution header badge background color.
Const variable value will be same on both themes
Examples
