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
Contact App Orchid | Disclaimer