dioxus_element_plug/styles/
colors.rs

1//! # Color System
2//!
3//! Complete Element Plus color system with primary colors and light variants.
4//! Supports light-10 through light-90 variations for all color types.
5
6/// Base color constants
7pub const COLOR_PRIMARY: &str = "#409EFF";
8pub const COLOR_SUCCESS: &str = "#67C23A";
9pub const COLOR_WARNING: &str = "#E6A23C";
10pub const COLOR_DANGER: &str = "#F56C6C";
11pub const COLOR_ERROR: &str = "#F56C6C";
12pub const COLOR_INFO: &str = "#909399";
13
14/// Primary color light variants (light-10 to light-90)
15pub const COLOR_PRIMARY_LIGHT_10: &str = "#53a8ff";
16pub const COLOR_PRIMARY_LIGHT_20: &str = "#66b1ff";
17pub const COLOR_PRIMARY_LIGHT_30: &str = "#79bbff";
18pub const COLOR_PRIMARY_LIGHT_40: &str = "#8cc5ff";
19pub const COLOR_PRIMARY_LIGHT_50: &str = "#a0cfff";
20pub const COLOR_PRIMARY_LIGHT_60: &str = "#b3d8ff";
21pub const COLOR_PRIMARY_LIGHT_70: &str = "#c6e2ff";
22pub const COLOR_PRIMARY_LIGHT_80: &str = "#d9ecff";
23pub const COLOR_PRIMARY_LIGHT_90: &str = "#ecf5ff";
24
25/// Success color light variants
26pub const COLOR_SUCCESS_LIGHT_10: &str = "#e1f3d8";
27pub const COLOR_SUCCESS_LIGHT_20: &str = "#dbf4d6";
28pub const COLOR_SUCCESS_LIGHT_30: &str = "#c6eec0";
29pub const COLOR_SUCCESS_LIGHT_40: &str = "#b1e7ab";
30pub const COLOR_SUCCESS_LIGHT_50: &str = "#9de295";
31pub const COLOR_SUCCESS_LIGHT_60: &str = "#88dc80";
32pub const COLOR_SUCCESS_LIGHT_70: &str = "#73d76a";
33pub const COLOR_SUCCESS_LIGHT_80: &str = "#5fd155";
34pub const COLOR_SUCCESS_LIGHT_90: &str = "#4acc40";
35
36/// Warning color light variants
37pub const COLOR_WARNING_LIGHT_10: &str = "#faecd8";
38pub const COLOR_WARNING_LIGHT_20: &str = "#fae4cd";
39pub const COLOR_WARNING_LIGHT_30: &str = "#f7d7b3";
40pub const COLOR_WARNING_LIGHT_40: &str = "#f5ca99";
41pub const COLOR_WARNING_LIGHT_50: &str = "#f2bd80";
42pub const COLOR_WARNING_LIGHT_60: &str = "#efb066";
43pub const COLOR_WARNING_LIGHT_70: &str = "#eca34d";
44pub const COLOR_WARNING_LIGHT_80: &str = "#e99633";
45pub const COLOR_WARNING_LIGHT_90: &str = "#e7891a";
46
47/// Danger color light variants
48pub const COLOR_DANGER_LIGHT_10: &str = "#fde2e2";
49pub const COLOR_DANGER_LIGHT_20: &str = "#fcd2d2";
50pub const COLOR_DANGER_LIGHT_30: &str = "#fac2c2";
51pub const COLOR_DANGER_LIGHT_40: &str = "#f9b2b2";
52pub const COLOR_DANGER_LIGHT_50: &str = "#f8a2a2";
53pub const COLOR_DANGER_LIGHT_60: &str = "#f79292";
54pub const COLOR_DANGER_LIGHT_70: &str = "#f68282";
55pub const COLOR_DANGER_LIGHT_80: &str = "#f57272";
56pub const COLOR_DANGER_LIGHT_90: &str = "#f46262";
57
58/// Info color light variants
59pub const COLOR_INFO_LIGHT_10: &str = "#e9e9eb";
60pub const COLOR_INFO_LIGHT_20: &str = "#dddee0";
61pub const COLOR_INFO_LIGHT_30: &str = "#d1d3d6";
62pub const COLOR_INFO_LIGHT_40: &str = "#c5c8cc";
63pub const COLOR_INFO_LIGHT_50: &str = "#b9bdc1";
64pub const COLOR_INFO_LIGHT_60: &str = "#adb2b7";
65pub const COLOR_INFO_LIGHT_70: &str = "#a1a7ad";
66pub const COLOR_INFO_LIGHT_80: &str = "#959ca3";
67pub const COLOR_INFO_LIGHT_90: &str = "#899199";
68
69/// Text colors
70pub const COLOR_TEXT_PRIMARY: &str = "#303133";
71pub const COLOR_TEXT_REGULAR: &str = "#606266";
72pub const COLOR_TEXT_SECONDARY: &str = "#909399";
73pub const COLOR_TEXT_PLACEHOLDER: &str = "#C0C4CC";
74
75/// Border colors
76pub const BORDER_COLOR_BASE: &str = "#DCDFE6";
77pub const BORDER_COLOR_LIGHT: &str = "#E4E7ED";
78pub const BORDER_COLOR_LIGHTER: &str = "#EBEEF5";
79pub const BORDER_COLOR_EXTRA_LIGHT: &str = "#F2F6FC";
80
81/// Background colors
82pub const BACKGROUND_COLOR_BASE: &str = "#F5F7FA";
dioxus_element_plug/styles/colors.rs

dioxus_element_plug/styles/
colors.rs
