Text Colors

Intended audience: administrators Developers

AO Platform: 3.5

Overview

This topic describes the style configurations for Text Colors.

Variable Names

--vux-text-500

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

Description

Used for text color.

Examples

1. Table text color.

2. All text elements text color.
   

   

--vux-text-400

CSS Variable Name	--vux-text-400
Light
Dark

Description

Used for light text color.

Examples

1. Used for label text color

2. Header light text color
   

   

--vux-btn-text

CSS Variable Name	--vux-btn-text
Light
Dark

Description

Used for text color, where text color will be same on both modes.

Examples

1. Primary button text color
   

   

--vux-border-500

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

Description

Used for most of the border color.

Examples

1. Side-bar border colors,
   

   

2. Burger menu border colors.

3. Table header border colors
   

   

   
   

--vux-border-300

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

Description

Used for light border colors.

Examples

1. User-setting-container border color

2. User-setting switch box border color
   

   

3. Segmented button border
   

   

4. Calendar weeks bottom border
   

   

5. File Manager borders
   

   

Contact App Orchid | Disclaimer