Reference Guides
Reference Guides
Breadcrumbs

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
image-20230215-102626.png

Dark
image-20230215-102652.png

Description

Used for very dark gray shades.

Examples

  1. Text color in webix_tree

    image-20230215-102549.png

--vux-neutral-700

CSS Variable Name

--vux-neutral-700

Light
image-20230215-102809.png

Dark
image-20230215-102743.png

Description

Used for dark gray shades.

Examples

  1. Icon color for button navigation

    image-20230215-102956.png

  2. Close icon color in sidebar search

    image-20230215-103040.png

  3. Pivot webix first cell text color

    image-20230215-103104.png

--vux-neutral-500

CSS Variable Name

--vux-neutral-500

Light
image-20230215-103203.png

Dark
image-20230215-103224.png

Description

Used for gray shades

Examples

  1. Background for subclass in webvowl

    image-20230215-103309.png


--vux-neutral-300

CSS Variable Name

--vux-neutral-300

Light
image-20230215-103412.png

Dark
image-20230215-103448.png

Description

Used for light gray shades

Examples

  1. Border color for double list

    image-20230215-103700.png

  2. Pivot first cell background color

    image-20230215-103634.png

--vux-neutral-100

CSS Variable Name

--vux-neutral-100

Light
image-20230215-103750.png

Dark
image-20230215-103816.png

Description

Used for very light gray shades

Examples

  1. Background color for double list container

    image-20230215-104057.png

  2. Pivot table border color

    image-20230215-104144.png

  3. Error table first-row background color

    image-20230215-104221.png





Contact App Orchid | Disclaimer