dioxus-element-plug 0.1.5

Element UI components for Dioxus applications with pure Rust styling system
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

//! # Color System
//!
//! Complete Element Plus color system with primary colors and light variants.
//! Supports light-10 through light-90 variations for all color types.

/// Base color constants
pub const COLOR_PRIMARY: &str = "#409EFF";
pub const COLOR_SUCCESS: &str = "#67C23A";
pub const COLOR_WARNING: &str = "#E6A23C";
pub const COLOR_DANGER: &str = "#F56C6C";
pub const COLOR_ERROR: &str = "#F56C6C";
pub const COLOR_INFO: &str = "#909399";

/// Primary color light variants (light-10 to light-90)
pub const COLOR_PRIMARY_LIGHT_10: &str = "#53a8ff";
pub const COLOR_PRIMARY_LIGHT_20: &str = "#66b1ff";
pub const COLOR_PRIMARY_LIGHT_30: &str = "#79bbff";
pub const COLOR_PRIMARY_LIGHT_40: &str = "#8cc5ff";
pub const COLOR_PRIMARY_LIGHT_50: &str = "#a0cfff";
pub const COLOR_PRIMARY_LIGHT_60: &str = "#b3d8ff";
pub const COLOR_PRIMARY_LIGHT_70: &str = "#c6e2ff";
pub const COLOR_PRIMARY_LIGHT_80: &str = "#d9ecff";
pub const COLOR_PRIMARY_LIGHT_90: &str = "#ecf5ff";

/// Success color light variants
pub const COLOR_SUCCESS_LIGHT_10: &str = "#e1f3d8";
pub const COLOR_SUCCESS_LIGHT_20: &str = "#dbf4d6";
pub const COLOR_SUCCESS_LIGHT_30: &str = "#c6eec0";
pub const COLOR_SUCCESS_LIGHT_40: &str = "#b1e7ab";
pub const COLOR_SUCCESS_LIGHT_50: &str = "#9de295";
pub const COLOR_SUCCESS_LIGHT_60: &str = "#88dc80";
pub const COLOR_SUCCESS_LIGHT_70: &str = "#73d76a";
pub const COLOR_SUCCESS_LIGHT_80: &str = "#5fd155";
pub const COLOR_SUCCESS_LIGHT_90: &str = "#4acc40";

/// Warning color light variants
pub const COLOR_WARNING_LIGHT_10: &str = "#faecd8";
pub const COLOR_WARNING_LIGHT_20: &str = "#fae4cd";
pub const COLOR_WARNING_LIGHT_30: &str = "#f7d7b3";
pub const COLOR_WARNING_LIGHT_40: &str = "#f5ca99";
pub const COLOR_WARNING_LIGHT_50: &str = "#f2bd80";
pub const COLOR_WARNING_LIGHT_60: &str = "#efb066";
pub const COLOR_WARNING_LIGHT_70: &str = "#eca34d";
pub const COLOR_WARNING_LIGHT_80: &str = "#e99633";
pub const COLOR_WARNING_LIGHT_90: &str = "#e7891a";

/// Danger color light variants
pub const COLOR_DANGER_LIGHT_10: &str = "#fde2e2";
pub const COLOR_DANGER_LIGHT_20: &str = "#fcd2d2";
pub const COLOR_DANGER_LIGHT_30: &str = "#fac2c2";
pub const COLOR_DANGER_LIGHT_40: &str = "#f9b2b2";
pub const COLOR_DANGER_LIGHT_50: &str = "#f8a2a2";
pub const COLOR_DANGER_LIGHT_60: &str = "#f79292";
pub const COLOR_DANGER_LIGHT_70: &str = "#f68282";
pub const COLOR_DANGER_LIGHT_80: &str = "#f57272";
pub const COLOR_DANGER_LIGHT_90: &str = "#f46262";

/// Info color light variants
pub const COLOR_INFO_LIGHT_10: &str = "#e9e9eb";
pub const COLOR_INFO_LIGHT_20: &str = "#dddee0";
pub const COLOR_INFO_LIGHT_30: &str = "#d1d3d6";
pub const COLOR_INFO_LIGHT_40: &str = "#c5c8cc";
pub const COLOR_INFO_LIGHT_50: &str = "#b9bdc1";
pub const COLOR_INFO_LIGHT_60: &str = "#adb2b7";
pub const COLOR_INFO_LIGHT_70: &str = "#a1a7ad";
pub const COLOR_INFO_LIGHT_80: &str = "#959ca3";
pub const COLOR_INFO_LIGHT_90: &str = "#899199";

/// Text colors
pub const COLOR_TEXT_PRIMARY: &str = "#303133";
pub const COLOR_TEXT_REGULAR: &str = "#606266";
pub const COLOR_TEXT_SECONDARY: &str = "#909399";
pub const COLOR_TEXT_PLACEHOLDER: &str = "#C0C4CC";

/// Border colors
pub const BORDER_COLOR_BASE: &str = "#DCDFE6";
pub const BORDER_COLOR_LIGHT: &str = "#E4E7ED";
pub const BORDER_COLOR_LIGHTER: &str = "#EBEEF5";
pub const BORDER_COLOR_EXTRA_LIGHT: &str = "#F2F6FC";

/// Background colors
pub const BACKGROUND_COLOR_BASE: &str = "#F5F7FA";