Colors

By default, the color of the control is mainly gray-scale color, and other colors are used as auxiliary colors of corresponding items. Each color matching is divided into two sets of color specifications: light (Light) and dark (Dark). They are used in the light theme (Light Mode)/dark theme (Dark Mode) in the interface design respectively.

Greyscale

Grayscale colors are found in text colors and icon colors. The left column is the color scheme under the bright theme, and the right column is the color scheme under the dark theme.

Greyscale / 1 / Light

Greyscale / 1 / Dark

Greyscale / 2 / Light

Greyscale / 2 / Dark

Greyscale / 3 / Light

Greyscale / 3 / Dark

Greyscale / 4 / Light

Greyscale / 4 / Dark

Greyscale / 5 / Light

Greyscale / 5 / Dark

Greyscale / 6 / Light

Greyscale / 6 / Dark

Greyscale / 7 / Light

Greyscale / 7 / Dark

Theme

The theme color is used as the main color of the product, but it is only used as an auxiliary color in the Pando series of products.

Theme / Pink / Light

Theme / Pink / Dark

Theme / Blue / Light

Theme / Blue / Dark

Theme / Orange / Light

Theme / Orange / Dark

Theme / Bright_green / Light

Theme / Bright_green / Dark

Theme / Green / Light

Theme / Green / Dark

Special 特殊颜色

Special colors are used for error prompts, success prompts and risk prompts.

Theme / Error / Light

#FF5252

Theme / Error / Dark

#FF5252

Theme / Warning / Light

#FB8C00

Theme / Warning / Dark

#FB8C00

Theme / Success / Light

#4CAF50

Theme / Success / Dark

#4CAF50

Theme / Info / Light

#2196F3

Theme / Info / Dark

#2196F3