Gray Shades

Intended audience: ADMINISTRATORS DEVELOPERS

AO Platform: 3.5

Overview

This topic describes the style configurations for Gray Shades.

Variable Names

--vux-neutral-900

CSS Variable Name	--vux-neutral-900
Light
Dark

Description

Used for very dark gray shades.

Examples

1. Text color in webix_tree
   

   

--vux-neutral-700

CSS Variable Name	--vux-neutral-700
Light
Dark

Description

Used for dark gray shades.

Examples

1. Icon color for button navigation
   

   

2. Close icon color in sidebar search
   

   

3. Pivot webix first cell text color
   

   

--vux-neutral-500

CSS Variable Name	--vux-neutral-500
Light
Dark

Description

Used for gray shades

Examples

1. Background for subclass in webvowl
   

   

--vux-neutral-300

CSS Variable Name	--vux-neutral-300
Light
Dark

Description

Used for light gray shades

Examples

1. Border color for double list
   

   

2. Pivot first cell background color
   

   

--vux-neutral-100

CSS Variable Name	--vux-neutral-100
Light
Dark

Description

Used for very light gray shades

Examples

1. Background color for double list container
   

   

2. Pivot table border color
   

   

3. Error table first-row background color
   

   

Contact App Orchid | Disclaimer