-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy paththeme-config.ts
125 lines (115 loc) · 3.54 KB
/
theme-config.ts
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
export const themeConfig = `
:root{
--primary: #248FFA;
--primary-light: #248FFA;
--primary-dark: #227BD5;
--secondary1: #e8b127;
--secondary1-light: #e8b127;
--secondary1-dark: #e8b127;
--secondary2: #33AAFF;
--secondary2-light: #61BDFF;
--secondary2-dark: #2194E5;
--secondary3: #F3A75F;
--secondary3-light: #F8B578;
--secondary3-dark: #DC914C;
--danger: #F32D37;
--danger-light: #FF4D4F;
--danger-dark: #DC1B2A;
--warn: #FD8535;
--warn-light: #FF9F5E;
--warn-dark: #DC1B2A;
--success: #35BD77;
--success-light: #55C98D;
--success-dark: #21965A;
--gray1: #FFFFFF;
--gray2: #F3F3F3;
--gray3: #EEEEEE;
--gray4: #E7E7E7;
--gray5: #DCDCDC;
--gray6: #C5C5C5;
--gray7: #A6A6A6;
--gray8: #8B8B8B;
--gray9: #777777;
--gray10: #5E5E5E;
--gray11: #4B4B4B;
--gray12: #383838;
--background: #348fe2;
--content-bg: #ffffff;
--form-bg:#fff;
--form-bd:#eee;
--form-active-bg:#248FFA;
--icon:#62708B;
--fs: 14px;
--fs-small: 12px;
--fs-large: 20px;
--bd:rgba(255, 255, 255, 0.3);
--color:#000000;
--color1:#ffffff;
--color2:#fefefe;
--color3:#eeeeee;
--color4:#999999;
--color5:#666666;
--color6:#333333;
--color7:#000000;
--shadow1: 2px 0 10px 0 rgba(0,0,0,0.06);
--shadow2: 2px 0 10px 0 rgba(0,0,0,0.06);
--shadow3: 2px 0 10px 0 rgba(0,0,0,0.06);
--radius1: 4px;
--radius2: 8px;
--radius3: 16px;
--header-color: #FFFFFF;
--header-bg: #348fe2;
--header-height: 66px;
--nav-height: 66px;
--nav-bg: #348fe2;
--nav-sub-bg: rgba(255,255,255,1);
--nav-sub-bg2: rgba(241,244,247,0.8);
--nav-item-bg-selected: #FFFFFF;
--nav-item-color: #FFFFFF;
--nav-icon-color: rgba(255, 255, 255, 0.4);
--nav-icon-color-selected: #3495EF;
--nav-item-bg: #348fe2;
--nav-item-color-selected: rgba(0, 0, 0, 0.9);
--nav-sub-item-bg-selected: #F3F5F6;
--nav-sub-item-color-selected: #348fe2;
--nav-sub-item-color: rgba(0, 0, 0, 0.9);
--nav-bd-color: rgba(0,0,0,0);
--tab-height: 34px;
--tab-bg: #348fe2;
--tab-item-bg: #348fe2;
--tab-item-height: 34px;
--tab-item-color: #FFFFFF;
--tab-item-selected-bg: #F3F5F6;
--tab-item-selected-color: rgba(0, 0, 0, 0.9);
--drawer-title-height: 48px;
--drawer-title-bg: rgba(255,255,255,1);
--drawer-divider-color: rgba(219,225,234,1);
--drawer-footer-height: 44px;
--drawer-footer-bg: rgba(255,255,255,1);
--drawer-content-bg: rgba(243,246,249,1);
--modal-title-height: 44px;
--modal-title-bg: #ffffff;
--modal-divider-color: rgba(219,225,234,1);
--modal-footer-height: 44px;
--modal-footer-bg: rgba(243,246,249,1);
--modal-content-bg: rgba(243,246,249,1);
--card-image-radius: 4px;
--card-image-bg: rgba(219,225,234,1);
--card-radius: 4px;
--card-content-bg: rgba(255,255,255,1);
--card-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
--card-bd-color: rgba(219,225,234,1);
--card-hover-bd-color: rgba(18,122,255,1);
--card-footer-bg: rgba(219,225,234,1);
--table-bg:#ffffff";
--table-head-bg:#fafafa";
--table-bd:rgba(245,245,245,1);
--table-row-hover-color:rgba(237,245,250,1);
--scrollbar-width: 8px;
--scrollbar-track-bg: rgba(239,241,244,1);
--scrollbar-thumb-bg: rgba(185,193,203,1);
--scrollbar-thumb-hover-bg: rgba(195,209,229,1);
--scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
--scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
}
`;