@ganwei-web/ganwei-pc-cli 6.3.6 → 6.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.css +7 -3
  2. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.js +1 -1
  3. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.json +7 -0
  4. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.ttf +0 -0
  5. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.woff +0 -0
  6. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/fonts/font/iconfont.woff2 +0 -0
  7. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/dark-6-1.css +885 -877
  8. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/green-6-1.css +8 -0
  9. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/light-6-1.css +8 -0
  10. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-login/src/views/ssoLogin.vue +15 -11
  11. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/env.d.ts +6 -0
  12. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/public/static/themes/dark-6-1.css +887 -454
  13. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/public/static/themes/light-6-1.css +427 -0
  14. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/src/main.ts +2 -2
  15. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/src/utils/signalr.ts +49 -22
  16. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/vite.config.ts +10 -0
  17. package/package.json +1 -1
@@ -1,457 +1,890 @@
1
1
  [data-theme='dark'] {
2
- /* gw-color 为基础颜色,原则上不允许添加、修改*/
3
- --gw-color-primary: #3875ff;
4
- --gw-color-primary1: #7af8ff;
5
- --gw-color-primary2: #eaf4f8;
6
- --gw-color-primary3: #abceff;
7
- --gw-color-primary4: #60a3ff;
8
- --gw-color-primary5: #38b7ff;
9
- --gw-color-primary6: #276bed;
10
- --gw-color-primary7: #1D4175;
11
- --gw-color-primary8: #121A2C;
12
- --gw-color-primary9: #5189F6;
13
-
14
- --gw-color-success: #13a212;
15
- --gw-color-success1: #dfffcf;
16
- --gw-color-success2: #4cff79;
17
- --gw-color-success3: #a9d77e;
18
- --gw-color-success4: #51c41c;
19
- --gw-color-success5: #387500;
20
- --gw-color-success6: #274916;
21
- --gw-color-success7: #162313;
22
-
23
- --gw-color-waning: #d08b00;
24
- --gw-color-waning1: #fffbe6;
25
- --gw-color-waning2: #ffe58f;
26
- --gw-color-waning3: #f8c161;
27
- --gw-color-waning4: #ff8f3a;
28
- --gw-color-waning5: #584215;
29
- --gw-color-waning6: #2B2111;
30
-
31
- --gw-color-danger: #f22433;
32
- --gw-color-danger1: #fff2f1;
33
- --gw-color-danger2: #fccec6;
34
- --gw-color-danger3: #ff484b;
35
- --gw-color-danger4: #9b2627;
36
- --gw-color-danger5: #58181C;
37
- --gw-color-danger6: #2A1215;
38
- --gw-color-danger7: #CF1322;
39
-
40
- --gw-color-Neutrals1: #ffffff;
41
- --gw-color-Neutrals2: #f0f4ff;
42
- --gw-color-Neutrals3: #f0f0f0;
43
- --gw-color-Neutrals4: #dee1e5;
44
- --gw-color-Neutrals5: #bec6da;
45
- --gw-color-Neutrals6: #c1c1c1;
46
- --gw-color-Neutrals7: #b0b6bf;
47
- --gw-color-Neutrals8: #999999;
48
- --gw-color-Neutrals9: #95a2bd;
49
- --gw-color-Neutrals10: #4b6a8b;
50
- --gw-color-Neutrals11: #9399a6;
51
- --gw-color-Neutrals12: #8b8f97;
52
- --gw-color-Neutrals13: #848895;
53
- --gw-color-Neutrals14: #5e6576;
54
- --gw-color-Neutrals15: #264069;
55
- --gw-color-Neutrals16: #5b5e66;
56
- --gw-color-Neutrals17: #464954;
57
- --gw-color-Neutrals18: #3d4a63;
58
- --gw-color-Neutrals19: #3f495f;
59
- --gw-color-Neutrals20: #3b4357;
60
- --gw-color-Neutrals21: #29303f;
61
- --gw-color-Neutrals22: #272c3d;
62
- --gw-color-Neutrals23: #202534;
63
- --gw-color-Neutrals24: #1c2230;
64
- --gw-color-Neutrals25: #151a27;
65
- --gw-color-Neutrals26: #121622;
66
- --gw-color-Neutrals27: #0c0e14;
67
- --gw-color-Neutrals28: #666666;
68
- /* --gw-color-Neutrals29: transparent;
2
+ /* gw-color 为基础颜色,原则上不允许添加、修改*/
3
+ --gw-color-primary: #3875ff;
4
+ --gw-color-primary1: #7af8ff;
5
+ --gw-color-primary2: #eaf4f8;
6
+ --gw-color-primary3: #abceff;
7
+ --gw-color-primary4: #60a3ff;
8
+ --gw-color-primary5: #38b7ff;
9
+ --gw-color-primary6: #276bed;
10
+ --gw-color-primary7: #1D4175;
11
+ --gw-color-primary8: #121A2C;
12
+ --gw-color-primary9: #5189F6;
13
+
14
+ --gw-color-success: #13a212;
15
+ --gw-color-success1: #dfffcf;
16
+ --gw-color-success2: #4cff79;
17
+ --gw-color-success3: #a9d77e;
18
+ --gw-color-success4: #51c41c;
19
+ --gw-color-success5: #387500;
20
+ --gw-color-success6: #274916;
21
+ --gw-color-success7: #162313;
22
+
23
+ --gw-color-waning: #d08b00;
24
+ --gw-color-waning1: #fffbe6;
25
+ --gw-color-waning2: #ffe58f;
26
+ --gw-color-waning3: #f8c161;
27
+ --gw-color-waning4: #ff8f3a;
28
+ --gw-color-waning5: #584215;
29
+ --gw-color-waning6: #2B2111;
30
+
31
+ --gw-color-danger: #f22433;
32
+ --gw-color-danger1: #fff2f1;
33
+ --gw-color-danger2: #fccec6;
34
+ --gw-color-danger3: #ff484b;
35
+ --gw-color-danger4: #9b2627;
36
+ --gw-color-danger5: #58181C;
37
+ --gw-color-danger6: #2A1215;
38
+ --gw-color-danger7: #CF1322;
39
+
40
+ --gw-color-Neutrals1: #ffffff;
41
+ --gw-color-Neutrals2: #f0f4ff;
42
+ --gw-color-Neutrals3: #f0f0f0;
43
+ --gw-color-Neutrals4: #dee1e5;
44
+ --gw-color-Neutrals5: #bec6da;
45
+ --gw-color-Neutrals6: #c1c1c1;
46
+ --gw-color-Neutrals7: #b0b6bf;
47
+ --gw-color-Neutrals8: #999999;
48
+ --gw-color-Neutrals9: #95a2bd;
49
+ --gw-color-Neutrals10: #4b6a8b;
50
+ --gw-color-Neutrals11: #9399a6;
51
+ --gw-color-Neutrals12: #8b8f97;
52
+ --gw-color-Neutrals13: #848895;
53
+ --gw-color-Neutrals14: #5e6576;
54
+ --gw-color-Neutrals15: #264069;
55
+ --gw-color-Neutrals16: #5b5e66;
56
+ --gw-color-Neutrals17: #464954;
57
+ --gw-color-Neutrals18: #3d4a63;
58
+ --gw-color-Neutrals19: #3f495f;
59
+ --gw-color-Neutrals20: #3b4357;
60
+ --gw-color-Neutrals21: #29303f;
61
+ --gw-color-Neutrals22: #272c3d;
62
+ --gw-color-Neutrals23: #202534;
63
+ --gw-color-Neutrals24: #1c2230;
64
+ --gw-color-Neutrals25: #151a27;
65
+ --gw-color-Neutrals26: #121622;
66
+ --gw-color-Neutrals27: #0c0e14;
67
+ --gw-color-Neutrals28: #666666;
68
+ /* --gw-color-Neutrals29: transparent;
69
69
  --gw-color-Neutrals30: transparent; */
70
- --gw-color-Neutrals31: #2D3340;
71
- --gw-color-Neutrals32: #2F384A;
72
- --gw-color-Neutrals33: rgba(42, 48, 65, 0.5);
73
- --gw-color-Neutrals34: rgba(2, 2, 2, 0.43);
74
- --gw-color-Neutrals35: rgb(18, 22, 34);
75
- --gw-color-Neutrals36: #2E3647;
76
- --gw-color-Neutrals37: #191D2B;
77
- --gw-color-Neutrals38: #F0F3F5;
78
- --gw-color-Neutrals39: rgba(154, 37, 37, 0.27);
79
- --gw-color-Neutrals40: rgba(0, 219, 28, 0.17);
80
- --gw-color-Neutrals41: #413630;
81
- /* 命名规则 参考BEM命名法*/
82
- /* --组件-元素-样式名__状态 */
83
- /* 样式名:color(字体颜色),background(背景色),border(边框色) */
84
- /* 状态:hover(悬浮),focus(聚焦),select、checked(选择)、...等 */
85
-
86
- /* 底部主背景色 */
87
- --frame-main-background: var(--gw-color-Neutrals26);
88
- --frame-main-background-black: var(--gw-color-Neutrals27);
89
- /* 弹窗内容深色背景 */
90
- --frame-main-background-1: var(--gw-color-Neutrals25);
91
- /* 内容区域背景 */
92
- --frame-main-background-2: var(--gw-color-Neutrals23);
93
- /* 内容header深色背景 */
94
- --frame-main-background-3: var(--gw-color-Neutrals21);
95
- /* 任务库 popover 背景 */
96
- --frame-main-background-4: var(--gw-color-Neutrals20);
97
- /* 主要字体色 */
98
- --frame-main-color: var(--gw-color-Neutrals2);
99
- /* 稍浅字体色 */
100
- --frame-main-color-1: var(--gw-color-Neutrals12);
101
- --frame-main-color-2: var(--gw-color-waning4);
102
- /* 主要边框色 */
103
- /* --bor-default => --border-color-2 =>*/
104
- --frame-main-border: var(--gw-color-Neutrals18);
105
- /* 稍浅边框色 */
106
- --frame-main-border1: var(--gw-color-Neutrals16);
107
- /* 稍深边框色 */
108
- --frame-main-border2: var(--gw-color-Neutrals36);
109
-
110
- /* 顶部 */
111
- --frame-top-background: var(--gw-color-Neutrals23);
112
- --frame-top-alarm-background: var(--gw-color-Neutrals39);
113
- --frame-top-normal-background: var(--gw-color-Neutrals40);
114
- --frame-top-upgrade-background: var(--gw-color-Neutrals41);
115
-
116
- /* 左侧菜单 */
117
- --frame-left-background: var(--gw-color-Neutrals23);
118
- --frame-left-box-shadow: 0px 0px 10px 0px rgba(13, 17, 26, 0.1);
119
-
120
- /* 按钮主要颜色 */
121
- --button-all-background__disabled: var(--gw-color-Neutrals21);
122
- --button-all-border__disabled: var(--gw-color-Neutrals18);
123
- --button-all-color__disabled: var(--gw-color-Neutrals14);
124
- --button-primary-color: var(--gw-color-primary);
125
- --button-primary-background: var(--gw-color-primary);
126
- --button-primary-border-color: var(--button-primary-background);
127
- --button-primary-background__hover: var(--gw-color-primary9);
128
- --button-primary-border-color__hover: var(--button-primary-background__hover);
129
- --button-primary-background__active: var(--gw-color-primary6);
130
- --button-primary-border-color__active: var(--button-primary-background__active);
131
- --button-danger-color: var(--gw-color-danger);
132
- --button-danger-background: var(--gw-color-danger);
133
- --button-danger-border-color: var(--button-danger-background);
134
- --button-danger-background__hover: var(--gw-color-danger3);
135
- --button-danger-border-color__hover: var(--button-danger-background__hover);
136
- --button-danger-background__active: var(--gw-color-danger7);
137
- --button-danger-border-color__active: var(--button-danger-background__active);
138
-
139
- /* message弹窗 */
140
- --message-background: var(--gw-color-Neutrals23);
141
- --message-border: var(--gw-color-Neutrals22);
142
- --message-color: var(--gw-color-Neutrals7);
143
-
144
- --message-box-background: var(--gw-color-Neutrals23);
145
- --message-box-color: var(--gw-color-Neutrals2);
146
- --message-box-button-color: var(--gw-color-Neutrals2);
147
-
148
- /* 通知弹窗 */
149
- --notification-color: var(--gw-color-Neutrals26);
150
- --loading-background: var(--gw-color-Neutrals26);
151
-
152
- /* 标签页 */
153
- --labelpage-header-background: var(--gw-color-Neutrals24);
154
- --labelpage-background: var(--gw-color-Neutrals23);
155
- --labelpage-background__active: var(--frame-main-background);
156
- --labelpage-border__active: var(--gw-color-primary);
157
- --labelpage-color: var(--gw-color-Neutrals12);
158
- --labelpage-color__active: var(--gw-color-Neutrals12);
159
- --labelpage-color__active-1: var(--gw-color-primary);
160
- --labelpage-icon-color__hover: var(--gw-color-primary);
161
- --labelpage-border: var(--gw-color-primary);
162
-
163
- /* 设备相关标签页 */
164
- --equiptab-color: var(--gw-color-Neutrals12);
165
- --equiptab-color__active: var(--gw-color-Neutrals1);
166
- --tab-color: var(--gw-color-Neutrals7);
167
- --tab-color__disabled: var(--gw-color-Neutrals12);
168
- --tab-color__active: var(--gw-color-Neutrals2);
169
- --tab-background: var(--gw-color-Neutrals21);
170
- --tab-background__active: var(--gw-color-primary);
171
-
172
- --tab-card-background: var(--gw-color-Neutrals25);
173
- --tab-card-border: var(--gw-color-Neutrals18);
174
- --tab-card-border__active: var(--gw-color-Neutrals25);
175
-
176
- /* 实施快照标签页 */
177
- --snapshot-background: var(--gw-color-Neutrals26);
178
- --snapshot-background__active: var(--gw-color-Neutrals23);
179
- --snapshot-color__active: var(--gw-color-Neutrals2);
180
-
181
- /* 步骤组件 */
182
- --step-icon-color: var(--gw-color-Neutrals12);
183
- --step-icon-color__active: var(--gw-color-Neutrals2);
184
- --step-icon-color__finish: var(--gw-color-primary);
185
- --step-icon-border: var(--gw-color-Neutrals18);
186
- --step-icon-border__active: var(--gw-color-primary);
187
- --step-icon-border__finish: var(--gw-color-primary);
188
- --step-icon-background: transparent;
189
- --step-icon-background__active: var(--gw-color-primary);
190
- --step-icon-background__finish: transparent;
191
- --step-line-background: var(--gw-color-Neutrals21);
192
- --step-line-background__active: var(--gw-color-Neutrals21);
193
- --step-line-background__finish: var(--gw-color-Neutrals21);
194
-
195
- /* 菜单 */
196
- --menu-color: var(--gw-color-Neutrals12);
197
- --menu-color__hover: var(--gw-color-Neutrals1);
198
- --menu-color__active: var(--gw-color-Neutrals1);
199
- --menu-background__hover: var(--gw-color-primary);
200
- --menu-background__active: var(--gw-color-primary);
201
- --menu-border-color: var(--gw-color-Neutrals34);
202
- --menu-boxshadow-color: var(--gw-color-Neutrals32);
203
-
204
- --menu-popup-color: var(--gw-color-Neutrals11);
205
- --menu-popup-background: var(--gw-color-Neutrals33);
206
- --menu-popup-boxshadow: var(--gw-color-Neutrals34);
207
- --menu-popup-boxshadow-1: var(--gw-color-Neutrals32);
208
- --menu-popup-border: var(--gw-color-Neutrals34);
209
- --menu-submenu-color: var(--gw-color-Neutrals2);
210
-
211
- /*form el-input 用于表单*/
212
- --form-input-color: var(--gw-color-Neutrals2);
213
- --form-input-background: var(--gw-color-Neutrals26);
214
- --form-input-background__disabled: var(--gw-color-Neutrals21);
215
- --form-input-autofill-shadow: var(--gw-color-Neutrals25);
216
- --input-number-background: var(--gw-color-Neutrals25);
217
-
218
- /*el-input 基础*/
219
- --input-color: var(--gw-color-Neutrals2);
220
- --input-background: var(--gw-color-Neutrals25);
221
- --input-background__disabled: var(--gw-color-Neutrals21);
222
- --input-placeholder: var(--gw-color-Neutrals12);
223
- --input-border: var(--gw-color-Neutrals18);
224
- --input-border__hover: var(--gw-color-Neutrals16);
225
- --input-border__focus: var(--gw-color-primary);
226
- --input-autofill-color: var(--gw-color-Neutrals2);
227
- --input-autofill-shadow: var(--gw-color-Neutrals27);
228
- --input-number-button-background: var(--gw-color-Neutrals20);
229
-
230
- /*form-item 表单项*/
231
- --form-item-color__error: var(--gw-color-danger);
232
- --form-label-color: var(--gw-color-Neutrals2);
233
-
234
- /*el-select 下拉框*/
235
- --select-tag-color: var(--gw-color-Neutrals12);
236
- --select-tag-background: var(--gw-color-Neutrals23);
237
- --select-dropdown-border: var(--gw-color-Neutrals22);
238
- --select-dropdown-background: var(--gw-color-Neutrals27);
239
- --select-dropdown-color: var(--gw-color-Neutrals1);
240
- --select-dropdown-color__selected: var(--gw-color-Neutrals1);
241
- --select-dropdown-item-background__hover: var(--gw-color-primary);
242
-
243
- --tag-background__primary: var(--gw-color-primary8);
244
- --tag-color__primary: var(--gw-color-primary4);
245
- --tag-border__primary: var(--gw-color-primary7);
246
- --tag-background__success: var(--gw-color-success7);
247
- --tag-color__success: var(--gw-color-success4);
248
- --tag-border__success: var(--gw-color-success6);
249
- --tag-background__danger: var(--gw-color-danger6);
250
- --tag-color__danger: var(--gw-color-danger3);
251
- --tag-border__danger: var(--gw-color-danger5);
252
- --tag-background__warning: var(--gw-color-waning6);
253
- --tag-color__warning: var(--gw-color-waning3);
254
- --tag-border__warning: var(--gw-color-waning5);
255
- --tag-background__info: var(--gw-color-Neutrals24);
256
- --tag-color__info: var(--gw-color-Neutrals11);
257
- --tag-border__info: var(--gw-color-Neutrals16);
258
- --tag-color: var(--gw-color-Neutrals27);
259
-
260
- /* 下拉菜单 */
261
- --dropdown-menu-background: var(--gw-color-Neutrals27);
262
- --dropdown-menu-background__hover: var(--gw-color-Neutrals20);
263
- --dropdown-menu-color: var(--gw-color-Neutrals1);
264
- --dropdown-menu-color__hover: var(--gw-color-primary);
265
- --dropdown-menu-icon-color: var(--gw-color-Neutrals12);
266
-
267
- /*el-checkbox 多选框*/
268
- --checkbox-label-color: var(--gw-color-Neutrals2);
269
- --checkbox-label-color__checked: var(--gw-color-primary);
270
- --checkbox-label-color__disabled: var(--gw-color-Neutrals12);
271
- --checkbox-inner-after: var(--gw-color-Neutrals2);
272
- --checkbox-inner-border: var(--gw-color-Neutrals18);
273
- --checkbox-inner-background: var(--gw-color-Neutrals25);
274
- --checkbox-inner-border__checked: var(--gw-color-primary);
275
-
276
- /* el-radio 单选框*/
277
- --radio-label-color: var(--gw-color-Neutrals2);
278
- --radio-label-color__disabled: var(--gw-color-Neutrals12);
279
- --radio-inner-after: var(--gw-color-Neutrals2);
280
- --radio-inner-border: var(--gw-color-Neutrals18);
281
- --radio-inner-background: var(--gw-color-Neutrals25);
282
- --radio-inner-background___disabled: var(--gw-color-Neutrals18);
283
- --radio-inner-border__checked: var(--gw-color-primary);
284
-
285
- /* el-switch 滑块*/
286
- --switch-label-color: var(--gw-color-Neutrals2);
287
- --switch-label-color__active: var(--gw-color-Neutrals27);
288
- --switch-core-border: var(--gw-color-Neutrals18);
289
- --switch-core-background: var(--gw-color-Neutrals12);
290
- --switch-core-border__active: var(--gw-color-primary);
291
- --switch-core-background__active: var(--gw-color-primary);
292
- --switch-core-after-background: var(--gw-color-Neutrals1);
293
-
294
- /* 弹出提示 基础 */
295
- --popper-background: var(--gw-color-Neutrals23);
296
- --popper-border: var(--gw-color-Neutrals22);
297
- --poper-border: var(--gw-color-Neutrals22);
298
- --popper-tooltip-background: var(--gw-color-Neutrals27);
299
- --popper-button-background: var(--gw-color-Neutrals27);
300
- --popper-button-color: var(--gw-color-Neutrals2);
301
- --popper-arrow-background: var(--gw-color-Neutrals27);
302
-
303
- /* 弹出框 */
304
- --popover-button-background__hover: var(--gw-color-primary);
305
- --popover-button-color__hover: var(--gw-color-Neutrals2);
306
-
307
- /* 提示框 */
308
- --tooltip-background: var(--gw-color-Neutrals27);
309
- --tooltip-color: var(--gw-color-Neutrals2);
310
- --tooltip-background__task: var(--gw-color-Neutrals21);
311
-
312
- /* 日期选择 */
313
- --datepicker-color: var(--gw-color-Neutrals2);
314
- --datepicker-color__hover: var(--gw-color-Neutrals21);
315
- --datepicker-icon-button-color: var(--gw-color-primary);
316
- --datepicker--table-header-color: var(--gw-color-Neutrals23);
317
- --datepicker-border: var(--gw-color-Neutrals22);
318
- --datepicker-background: var(--gw-color-Neutrals23);
319
- --datepicker-background_active: var(--gw-color-primary);
320
- --datepicker-background__inrange: var(--gw-color-Neutrals21);
321
- --datepicker-icon-btn-color: var(--gw-color-Neutrals12);
322
- --datepicker-month-background__hover: var(--gw-color-primary);
323
- --datepicker-month-color__checked: var(--gw-color-primary);
324
- --datepicker-month-background__disabled: var(--gw-color-Neutrals21);
325
- --datepicker-dooter-button-color__danger: var(--gw-color-danger);
326
- --datepicker-dooter-button-color__primary: var(--gw-color-primary);
327
-
328
- /* 时间选择 */
329
- --timepicker-color: var(--gw-color-Neutrals2);
330
- --timepicker-color__hover: var(--gw-color-Neutrals21);
331
- --timepicker-border: var(--frame-main-border2);
332
- --timepicker-background: var(--gw-color-Neutrals23);
333
- --timepicker-footer-button-color__primary: var(--gw-color-primary);
334
-
335
- /* 弹出基础 */
336
- --dialog-background: var(--gw-color-Neutrals23);
337
- --dialog-border: var(--gw-color-Neutrals22);
338
- --dialog-color: var(--gw-color-Neutrals2);
339
- --dialog-footer-button-color: var(--gw-color-Neutrals2);
340
- --dialog-footer-button-color__primary: var(--gw-color-primary);
341
-
342
- /* 抽屉 */
343
- --drawer-background: var(--gw-color-Neutrals23);
344
- --drawer-border: var(--gw-color-Neutrals22);
345
- --drawer-color: var(--gw-color-Neutrals2);
346
- --drawer-footer-button-color: var(--gw-color-Neutrals2);
347
- --drawer-footer-button-color__primary: var(--gw-color-primary);
348
-
349
- /* 树型组件 */
350
- --tree-node-background: var(--gw-color-Neutrals23);
351
- --tree-node-background_transparent: transparent;
352
- --tree-node-background_select: var(--gw-color-Neutrals20);
353
- --tree-node-background_hover: var(--gw-color-Neutrals21);
354
- --tree-node-color: var(--gw-color-Neutrals2);
355
- --tree-node-color__select: var(--gw-color-primary);
356
- --tree-node-border: var(--gw-color-Neutrals18);
357
- --tree-node-border__select: var(--gw-color-primary);
358
- --tree-list-index-background: var(--gw-color-Neutrals21);
359
- --tree-list-index-color: var(--gw-color-Neutrals12);
360
- --tree-list-background__select: var(--gw-color-primary);
361
-
362
- /* 分页 */
363
- --page-color: var(--gw-color-Neutrals6);
364
- --page-color__disabled: var(--gw-color-Neutrals28);
365
- --page-color__active: var(--gw-color-Neutrals2);
366
- --page-background: var(--gw-color-Neutrals22);
367
- --page-background__active: var(--gw-color-primary);
368
- --page-border: var(--gw-color-Neutrals21);
369
-
370
- /* 表格基础 */
371
- --table-background: var(--gw-color-Neutrals23);
372
- --table-header-background: var(--gw-color-Neutrals21);
373
- --table-header-color: var(--gw-color-Neutrals12);
374
- --table-body-border: transparent;
375
- --table-body-color: var(--gw-color-Neutrals2);
376
- --table-body-background__strip1: var(--gw-color-Neutrals24);
377
- --table-body-background__strip2: var(--gw-color-Neutrals25);
378
- --table-body-background__hover: var(--gw-color-Neutrals20);
379
-
380
- /* collapse */
381
- --collapse-header-background: var(--gw-color-Neutrals21);
382
- --collapse-header-background__hover: var(--gw-color-Neutrals29);
383
- --collapse-header-background__active: var(--gw-color-Neutrals29);
384
- --collapse-color: var(--frame-main-color);
385
- --collapse-color__hover: var(--frame-main-color);
386
- --collapse-content-background: transparent;
387
-
388
- /* 穿梭框 */
389
- --transfer-background: var(--gw-color-Neutrals25);
390
- --transfer-border: var(--gw-color-Neutrals18);
391
- --transfer-header-background: var(--gw-color-Neutrals21);
392
-
393
- /* fullcalendar 日历 */
394
- --fc-color: var(--gw-color-Neutrals2);
395
- --fc-color__active: var(--gw-color-Neutrals27);
396
- --fc-button-background: var(--gw-color-Neutrals23);
397
- --fc-timelint-border: var(--gw-color-Neutrals18);
398
- --fc-timelint-background__active: var(--gw-color-primary);
399
- --fc-popover-background: var(--gw-color-Neutrals21);
400
-
401
- /* monoca 编辑器 */
402
- --editor-background: var(--gw-color-Neutrals25);
403
- --editor-background_select: var(--gw-color-primary);
404
- --editor-color: var(--gw-color-Neutrals2);
405
- --editor-border: var(--gw-color-Neutrals18);
406
-
407
- /* 滚动条 */
408
- --scrollbar-background: var(--gw-color-Neutrals21);
409
- --scrollbar-border: var(--gw-color-Neutrals18);
410
-
411
- /* Timeline 组件样式 */
412
- --timeline-line-background: var(--gw-color-Neutrals12);
413
- --timeline-dot-background: var(--gw-color-Neutrals12);
414
- --timeline-dot-background__active: var(--gw-color-primary);
415
- --timeline-dot-border: var(--gw-color-Neutrals24);
416
- --timeline-dot-border__active: var(--gw-color-Neutrals15);
417
- --timeline-default: var(--gw-color-Neutrals18);
418
-
419
- /* Alert 组件样式 */
420
- --alert-background__success: var(--gw-color-success);
421
- --alert-border__success: var(--gw-color-success6);
422
- --alert-color__success: var(--gw-color-success1);
423
-
424
- --alert-background__info: var(--gw-color-Neutrals24);
425
- --alert-border__info: var(--gw-color-Neutrals21);
426
-
427
- --alert-background__warning: var(--gw-color-waning);
428
- --alert-border__warning: var(--gw-color-waning);
429
-
430
- --alert-background__error: var(--gw-color-danger);
431
- --alert-border__error: var(--gw-color-danger);
432
- --alert-title-color: var(--gw-color-success1);
433
-
434
- --alert-description-color: var(--gw-color-Neutrals7);
435
- --alert-btn-color: var(--gw-color-Neutrals12);
436
-
437
- /* Upload 组件样式 */
438
- --upload-tips-color: var(--gw-color-Neutrals7);
439
-
440
- /* ContextMenu 组件样式 */
441
- --contextmenu-background: var(--gw-color-Neutrals27);
442
- --contextmenu-background__hover: var(--gw-color-Neutrals20);
443
- --contextmenu-color: var(--gw-color-Neutrals1);
444
- --contextmenu-color__disabled: var(--gw-color-Neutrals12);
445
- --contextmenu-icon-color: var(--gw-color-Neutrals12);
446
-
447
- /* Loading 组件样式 */
448
- --loading-bgColor: var(--gw-color-Neutrals35);
449
-
450
- /* EquipSelect 组件样式 */
451
- --equipselect-header-background: var(--gw-color-Neutrals23);
452
- --equipselect-body-background: var(--gw-color-Neutrals20);
453
-
454
- /* TaskPopper 组件样式 */
455
- --task-popper-background: var(--gw-color-Neutrals27);
456
- --task-popper-item-background: var(--gw-color-Neutrals28);
70
+ --gw-color-Neutrals31: #2D3340;
71
+ --gw-color-Neutrals32: #2F384A;
72
+ --gw-color-Neutrals33: rgba(42, 48, 65, 0.5);
73
+ --gw-color-Neutrals34: rgba(2, 2, 2, 0.43);
74
+ --gw-color-Neutrals35: rgb(18, 22, 34);
75
+ --gw-color-Neutrals36: #2E3647;
76
+ --gw-color-Neutrals37: #191D2B;
77
+ --gw-color-Neutrals38: #F0F3F5;
78
+ --gw-color-Neutrals39: rgba(154, 37, 37, 0.27);
79
+ --gw-color-Neutrals40: rgba(0, 219, 28, 0.17);
80
+ --gw-color-Neutrals41: #413630;
81
+ /* 命名规则 参考BEM命名法*/
82
+ /* --组件-元素-样式名__状态 */
83
+ /* 样式名:color(字体颜色),background(背景色),border(边框色) */
84
+ /* 状态:hover(悬浮),focus(聚焦),select、checked(选择)、...等 */
85
+
86
+ /* 底部主背景色 */
87
+ --frame-main-background: var(--gw-color-Neutrals26);
88
+ --frame-main-background-black: var(--gw-color-Neutrals27);
89
+ /* 弹窗内容深色背景 */
90
+ --frame-main-background-1: var(--gw-color-Neutrals25);
91
+ /* 内容区域背景 */
92
+ --frame-main-background-2: var(--gw-color-Neutrals23);
93
+ /* 内容header深色背景 */
94
+ --frame-main-background-3: var(--gw-color-Neutrals21);
95
+ /* 任务库 popover 背景 */
96
+ --frame-main-background-4: var(--gw-color-Neutrals20);
97
+ --frame-main-background-primary: var(--gw-color-primary);
98
+ --frame-main-background-success: var(--gw-color-success);
99
+ --frame-main-background-waning: var(--gw-color-waning);
100
+ --frame-main-background-danger: var(--gw-color-danger);
101
+ /* 主要字体色 */
102
+ --frame-main-color: var(--gw-color-Neutrals2);
103
+ /* 稍浅字体色 */
104
+ --frame-main-color-1: var(--gw-color-Neutrals12);
105
+ --frame-main-color-2: var(--gw-color-waning4);
106
+ --frame-main-color-primary: var(--gw-color-primary);
107
+ --frame-main-color-success: var(--gw-color-success);
108
+ --frame-main-color-waning: var(--gw-color-waning);
109
+ --frame-main-color-danger: var(--gw-color-danger);
110
+ /* 主要边框色 */
111
+ /* --bor-default => --border-color-2 =>*/
112
+ --frame-main-border: var(--gw-color-Neutrals18);
113
+ /* 稍浅边框色 */
114
+ --frame-main-border1: var(--gw-color-Neutrals16);
115
+ /* 稍深边框色 */
116
+ --frame-main-border2: var(--gw-color-Neutrals36);
117
+
118
+ /* 顶部 */
119
+ --frame-top-background: var(--gw-color-Neutrals23);
120
+ --frame-top-alarm-background: var(--gw-color-Neutrals39);
121
+ --frame-top-normal-background: var(--gw-color-Neutrals40);
122
+ --frame-top-upgrade-background: var(--gw-color-Neutrals41);
123
+
124
+ /* 左侧菜单 */
125
+ --frame-left-background: var(--gw-color-Neutrals23);
126
+ --frame-left-box-shadow: 0px 0px 10px 0px rgba(13, 17, 26, 0.1);
127
+
128
+ /* 按钮主要颜色 */
129
+ --button-all-background__disabled: var(--gw-color-Neutrals21);
130
+ --button-all-border__disabled: var(--gw-color-Neutrals18);
131
+ --button-all-color__disabled: var(--gw-color-Neutrals14);
132
+ --button-primary-color: var(--gw-color-primary);
133
+ --button-primary-background: var(--gw-color-primary);
134
+ --button-primary-border-color: var(--button-primary-background);
135
+ --button-primary-background__hover: var(--gw-color-primary9);
136
+ --button-primary-border-color__hover: var(--button-primary-background__hover);
137
+ --button-primary-background__active: var(--gw-color-primary6);
138
+ --button-primary-border-color__active: var(--button-primary-background__active);
139
+ --button-danger-color: var(--gw-color-danger);
140
+ --button-danger-background: var(--gw-color-danger);
141
+ --button-danger-border-color: var(--button-danger-background);
142
+ --button-danger-background__hover: var(--gw-color-danger3);
143
+ --button-danger-border-color__hover: var(--button-danger-background__hover);
144
+ --button-danger-background__active: var(--gw-color-danger7);
145
+ --button-danger-border-color__active: var(--button-danger-background__active);
146
+
147
+ /* message弹窗 */
148
+ --message-background: var(--gw-color-Neutrals23);
149
+ --message-border: var(--gw-color-Neutrals22);
150
+ --message-color: var(--gw-color-Neutrals7);
151
+
152
+ --message-box-background: var(--gw-color-Neutrals23);
153
+ --message-box-color: var(--gw-color-Neutrals2);
154
+ --message-box-button-color: var(--gw-color-Neutrals2);
155
+
156
+ /* 通知弹窗 */
157
+ --notification-color: var(--gw-color-Neutrals26);
158
+ --loading-background: var(--gw-color-Neutrals26);
159
+
160
+ /* 标签页 */
161
+ --labelpage-header-background: var(--gw-color-Neutrals24);
162
+ --labelpage-background: var(--gw-color-Neutrals23);
163
+ --labelpage-background__active: var(--frame-main-background);
164
+ --labelpage-border__active: var(--gw-color-primary);
165
+ --labelpage-color: var(--gw-color-Neutrals12);
166
+ --labelpage-color__active: var(--gw-color-Neutrals12);
167
+ --labelpage-color__active-1: var(--gw-color-primary);
168
+ --labelpage-icon-color__hover: var(--gw-color-primary);
169
+ --labelpage-border: var(--gw-color-primary);
170
+
171
+ /* 设备相关标签页 */
172
+ --equiptab-color: var(--gw-color-Neutrals12);
173
+ --equiptab-color__active: var(--gw-color-Neutrals1);
174
+ --tab-color: var(--gw-color-Neutrals7);
175
+ --tab-color__disabled: var(--gw-color-Neutrals12);
176
+ --tab-color__active: var(--gw-color-Neutrals2);
177
+ --tab-background: var(--gw-color-Neutrals21);
178
+ --tab-background__active: var(--gw-color-primary);
179
+
180
+ --tab-card-background: var(--gw-color-Neutrals25);
181
+ --tab-card-border: var(--gw-color-Neutrals18);
182
+ --tab-card-border__active: var(--gw-color-Neutrals25);
183
+
184
+ /* 实施快照标签页 */
185
+ --snapshot-background: var(--gw-color-Neutrals26);
186
+ --snapshot-background__active: var(--gw-color-Neutrals23);
187
+ --snapshot-color__active: var(--gw-color-Neutrals2);
188
+
189
+ /* 步骤组件 */
190
+ --step-icon-color: var(--gw-color-Neutrals12);
191
+ --step-icon-color__active: var(--gw-color-Neutrals2);
192
+ --step-icon-color__finish: var(--gw-color-primary);
193
+ --step-icon-border: var(--gw-color-Neutrals18);
194
+ --step-icon-border__active: var(--gw-color-primary);
195
+ --step-icon-border__finish: var(--gw-color-primary);
196
+ --step-icon-background: transparent;
197
+ --step-icon-background__active: var(--gw-color-primary);
198
+ --step-icon-background__finish: transparent;
199
+ --step-line-background: var(--gw-color-Neutrals21);
200
+ --step-line-background__active: var(--gw-color-Neutrals21);
201
+ --step-line-background__finish: var(--gw-color-Neutrals21);
202
+
203
+ /* 菜单 */
204
+ --menu-color: var(--gw-color-Neutrals12);
205
+ --menu-color__hover: var(--gw-color-Neutrals1);
206
+ --menu-color__active: var(--gw-color-Neutrals1);
207
+ --menu-background__hover: var(--gw-color-primary);
208
+ --menu-background__active: var(--gw-color-primary);
209
+ --menu-border-color: var(--gw-color-Neutrals34);
210
+ --menu-boxshadow-color: var(--gw-color-Neutrals32);
211
+
212
+ --menu-popup-color: var(--gw-color-Neutrals11);
213
+ --menu-popup-background: var(--gw-color-Neutrals33);
214
+ --menu-popup-boxshadow: var(--gw-color-Neutrals34);
215
+ --menu-popup-boxshadow-1: var(--gw-color-Neutrals32);
216
+ --menu-popup-border: var(--gw-color-Neutrals34);
217
+ --menu-submenu-color: var(--gw-color-Neutrals2);
218
+
219
+ /*form el-input 用于表单*/
220
+ --form-input-color: var(--gw-color-Neutrals2);
221
+ --form-input-background: var(--gw-color-Neutrals26);
222
+ --form-input-background__disabled: var(--gw-color-Neutrals21);
223
+ --form-input-autofill-shadow: var(--gw-color-Neutrals25);
224
+ --input-number-background: var(--gw-color-Neutrals25);
225
+
226
+ /*el-input 基础*/
227
+ --input-color: var(--gw-color-Neutrals2);
228
+ --input-background: var(--gw-color-Neutrals25);
229
+ --input-background__disabled: var(--gw-color-Neutrals21);
230
+ --input-placeholder: var(--gw-color-Neutrals12);
231
+ --input-border: var(--gw-color-Neutrals18);
232
+ --input-border__hover: var(--gw-color-Neutrals16);
233
+ --input-border__focus: var(--gw-color-primary);
234
+ --input-autofill-color: var(--gw-color-Neutrals2);
235
+ --input-autofill-shadow: var(--gw-color-Neutrals27);
236
+ --input-number-button-background: var(--gw-color-Neutrals20);
237
+
238
+ /*form-item 表单项*/
239
+ --form-item-color__error: var(--gw-color-danger);
240
+ --form-label-color: var(--gw-color-Neutrals2);
241
+
242
+ /*el-select 下拉框*/
243
+ --select-tag-color: var(--gw-color-Neutrals12);
244
+ --select-tag-background: var(--gw-color-Neutrals23);
245
+ --select-dropdown-border: var(--gw-color-Neutrals22);
246
+ --select-dropdown-background: var(--gw-color-Neutrals27);
247
+ --select-dropdown-color: var(--gw-color-Neutrals1);
248
+ --select-dropdown-color__selected: var(--gw-color-Neutrals1);
249
+ --select-dropdown-item-background__hover: var(--gw-color-primary);
250
+
251
+ --tag-background__primary: var(--gw-color-primary8);
252
+ --tag-color__primary: var(--gw-color-primary4);
253
+ --tag-border__primary: var(--gw-color-primary7);
254
+ --tag-background__success: var(--gw-color-success7);
255
+ --tag-color__success: var(--gw-color-success4);
256
+ --tag-border__success: var(--gw-color-success6);
257
+ --tag-background__danger: var(--gw-color-danger6);
258
+ --tag-color__danger: var(--gw-color-danger3);
259
+ --tag-border__danger: var(--gw-color-danger5);
260
+ --tag-background__warning: var(--gw-color-waning6);
261
+ --tag-color__warning: var(--gw-color-waning3);
262
+ --tag-border__warning: var(--gw-color-waning5);
263
+ --tag-background__info: var(--gw-color-Neutrals24);
264
+ --tag-color__info: var(--gw-color-Neutrals11);
265
+ --tag-border__info: var(--gw-color-Neutrals16);
266
+ --tag-color: var(--gw-color-Neutrals27);
267
+
268
+ /* 下拉菜单 */
269
+ --dropdown-menu-background: var(--gw-color-Neutrals27);
270
+ --dropdown-menu-background__hover: var(--gw-color-Neutrals20);
271
+ --dropdown-menu-color: var(--gw-color-Neutrals1);
272
+ --dropdown-menu-color__hover: var(--gw-color-primary);
273
+ --dropdown-menu-icon-color: var(--gw-color-Neutrals12);
274
+
275
+ /*el-checkbox 多选框*/
276
+ --checkbox-label-color: var(--gw-color-Neutrals2);
277
+ --checkbox-label-color__checked: var(--gw-color-primary);
278
+ --checkbox-label-color__disabled: var(--gw-color-Neutrals12);
279
+ --checkbox-inner-after: var(--gw-color-Neutrals2);
280
+ --checkbox-inner-border: var(--gw-color-Neutrals18);
281
+ --checkbox-inner-background: var(--gw-color-Neutrals25);
282
+ --checkbox-inner-border__checked: var(--gw-color-primary);
283
+
284
+ /* el-radio 单选框*/
285
+ --radio-label-color: var(--gw-color-Neutrals2);
286
+ --radio-label-color__disabled: var(--gw-color-Neutrals12);
287
+ --radio-inner-after: var(--gw-color-Neutrals2);
288
+ --radio-inner-border: var(--gw-color-Neutrals18);
289
+ --radio-inner-background: var(--gw-color-Neutrals25);
290
+ --radio-inner-background___disabled: var(--gw-color-Neutrals18);
291
+ --radio-inner-border__checked: var(--gw-color-primary);
292
+
293
+ /* el-switch 滑块*/
294
+ --switch-label-color: var(--gw-color-Neutrals2);
295
+ --switch-label-color__active: var(--gw-color-Neutrals27);
296
+ --switch-core-border: var(--gw-color-Neutrals18);
297
+ --switch-core-background: var(--gw-color-Neutrals12);
298
+ --switch-core-border__active: var(--gw-color-primary);
299
+ --switch-core-background__active: var(--gw-color-primary);
300
+ --switch-core-after-background: var(--gw-color-Neutrals1);
301
+
302
+ /* 弹出提示 基础 */
303
+ --popper-background: var(--gw-color-Neutrals23);
304
+ --popper-border: var(--gw-color-Neutrals22);
305
+ --poper-border: var(--gw-color-Neutrals22);
306
+ --popper-tooltip-background: var(--gw-color-Neutrals27);
307
+ --popper-button-background: var(--gw-color-Neutrals27);
308
+ --popper-button-color: var(--gw-color-Neutrals2);
309
+ --popper-arrow-background: var(--gw-color-Neutrals27);
310
+
311
+ /* 弹出框 */
312
+ --popover-button-background__hover: var(--gw-color-primary);
313
+ --popover-button-color__hover: var(--gw-color-Neutrals2);
314
+
315
+ /* 提示框 */
316
+ --tooltip-background: var(--gw-color-Neutrals27);
317
+ --tooltip-color: var(--gw-color-Neutrals2);
318
+ --tooltip-background__task: var(--gw-color-Neutrals21);
319
+
320
+ /* 日期选择 */
321
+ --datepicker-color: var(--gw-color-Neutrals2);
322
+ --datepicker-color__hover: var(--gw-color-Neutrals21);
323
+ --datepicker-icon-button-color: var(--gw-color-primary);
324
+ --datepicker--table-header-color: var(--gw-color-Neutrals23);
325
+ --datepicker-border: var(--gw-color-Neutrals22);
326
+ --datepicker-background: var(--gw-color-Neutrals23);
327
+ --datepicker-background_active: var(--gw-color-primary);
328
+ --datepicker-background__inrange: var(--gw-color-Neutrals21);
329
+ --datepicker-icon-btn-color: var(--gw-color-Neutrals12);
330
+ --datepicker-month-background__hover: var(--gw-color-primary);
331
+ --datepicker-month-color__checked: var(--gw-color-primary);
332
+ --datepicker-month-background__disabled: var(--gw-color-Neutrals21);
333
+ --datepicker-dooter-button-color__danger: var(--gw-color-danger);
334
+ --datepicker-dooter-button-color__primary: var(--gw-color-primary);
335
+
336
+ /* 时间选择 */
337
+ --timepicker-color: var(--gw-color-Neutrals2);
338
+ --timepicker-color__hover: var(--gw-color-Neutrals21);
339
+ --timepicker-border: var(--frame-main-border2);
340
+ --timepicker-background: var(--gw-color-Neutrals23);
341
+ --timepicker-footer-button-color__primary: var(--gw-color-primary);
342
+
343
+ /* 弹出基础 */
344
+ --dialog-background: var(--gw-color-Neutrals23);
345
+ --dialog-border: var(--gw-color-Neutrals22);
346
+ --dialog-color: var(--gw-color-Neutrals2);
347
+ --dialog-footer-button-color: var(--gw-color-Neutrals2);
348
+ --dialog-footer-button-color__primary: var(--gw-color-primary);
349
+
350
+ /* 抽屉 */
351
+ --drawer-background: var(--gw-color-Neutrals23);
352
+ --drawer-border: var(--gw-color-Neutrals22);
353
+ --drawer-color: var(--gw-color-Neutrals2);
354
+ --drawer-footer-button-color: var(--gw-color-Neutrals2);
355
+ --drawer-footer-button-color__primary: var(--gw-color-primary);
356
+
357
+ /* 树型组件 */
358
+ --tree-node-background: var(--gw-color-Neutrals23);
359
+ --tree-node-background_transparent: transparent;
360
+ --tree-node-background_select: var(--gw-color-Neutrals20);
361
+ --tree-node-background_hover: var(--gw-color-Neutrals21);
362
+ --tree-node-color: var(--gw-color-Neutrals2);
363
+ --tree-node-color__select: var(--gw-color-primary);
364
+ --tree-node-border: var(--gw-color-Neutrals18);
365
+ --tree-node-border__select: var(--gw-color-primary);
366
+ --tree-list-index-background: var(--gw-color-Neutrals21);
367
+ --tree-list-index-color: var(--gw-color-Neutrals12);
368
+ --tree-list-background__select: var(--gw-color-primary);
369
+
370
+ /* 分页 */
371
+ --page-color: var(--gw-color-Neutrals6);
372
+ --page-color__disabled: var(--gw-color-Neutrals28);
373
+ --page-color__active: var(--gw-color-Neutrals2);
374
+ --page-background: var(--gw-color-Neutrals22);
375
+ --page-background__active: var(--gw-color-primary);
376
+ --page-border: var(--gw-color-Neutrals21);
377
+
378
+ /* 表格基础 */
379
+ --table-background: var(--gw-color-Neutrals23);
380
+ --table-header-background: var(--gw-color-Neutrals21);
381
+ --table-header-color: var(--gw-color-Neutrals12);
382
+ --table-body-border: transparent;
383
+ --table-body-color: var(--gw-color-Neutrals2);
384
+ --table-body-background__strip1: var(--gw-color-Neutrals24);
385
+ --table-body-background__strip2: var(--gw-color-Neutrals25);
386
+ --table-body-background__hover: var(--gw-color-Neutrals20);
387
+
388
+ /* collapse */
389
+ --collapse-header-background: var(--gw-color-Neutrals21);
390
+ --collapse-header-background__hover: var(--gw-color-Neutrals29);
391
+ --collapse-header-background__active: var(--gw-color-Neutrals29);
392
+ --collapse-color: var(--frame-main-color);
393
+ --collapse-color__hover: var(--frame-main-color);
394
+ --collapse-content-background: transparent;
395
+
396
+ /* 穿梭框 */
397
+ --transfer-background: var(--gw-color-Neutrals25);
398
+ --transfer-border: var(--gw-color-Neutrals18);
399
+ --transfer-header-background: var(--gw-color-Neutrals21);
400
+
401
+ /* fullcalendar 日历 */
402
+ --fc-color: var(--gw-color-Neutrals2);
403
+ --fc-color__active: var(--gw-color-Neutrals27);
404
+ --fc-button-background: var(--gw-color-Neutrals23);
405
+ --fc-timelint-border: var(--gw-color-Neutrals18);
406
+ --fc-timelint-background__active: var(--gw-color-primary);
407
+ --fc-popover-background: var(--gw-color-Neutrals21);
408
+
409
+ /* monoca 编辑器 */
410
+ --editor-background: var(--gw-color-Neutrals25);
411
+ --editor-background_select: var(--gw-color-primary);
412
+ --editor-color: var(--gw-color-Neutrals2);
413
+ --editor-border: var(--gw-color-Neutrals18);
414
+
415
+ /* 滚动条 */
416
+ --scrollbar-background: var(--gw-color-Neutrals21);
417
+ --scrollbar-border: var(--gw-color-Neutrals18);
418
+
419
+ /* Timeline 组件样式 */
420
+ --timeline-line-background: var(--gw-color-Neutrals12);
421
+ --timeline-dot-background: var(--gw-color-Neutrals12);
422
+ --timeline-dot-background__active: var(--gw-color-primary);
423
+ --timeline-dot-border: var(--gw-color-Neutrals24);
424
+ --timeline-dot-border__active: var(--gw-color-Neutrals15);
425
+ --timeline-default: var(--gw-color-Neutrals18);
426
+
427
+ /* Alert 组件样式 */
428
+ --alert-background__success: var(--gw-color-success);
429
+ --alert-border__success: var(--gw-color-success6);
430
+ --alert-color__success: var(--gw-color-success1);
431
+
432
+ --alert-background__info: var(--gw-color-Neutrals24);
433
+ --alert-border__info: var(--gw-color-Neutrals21);
434
+
435
+ --alert-background__warning: var(--gw-color-waning);
436
+ --alert-border__warning: var(--gw-color-waning);
437
+
438
+ --alert-background__error: var(--gw-color-danger);
439
+ --alert-border__error: var(--gw-color-danger);
440
+ --alert-title-color: var(--gw-color-success1);
441
+
442
+ --alert-description-color: var(--gw-color-Neutrals7);
443
+ --alert-btn-color: var(--gw-color-Neutrals12);
444
+
445
+ /* Upload 组件样式 */
446
+ --upload-tips-color: var(--gw-color-Neutrals7);
447
+
448
+ /* ContextMenu 组件样式 */
449
+ --contextmenu-background: var(--gw-color-Neutrals27);
450
+ --contextmenu-background__hover: var(--gw-color-Neutrals20);
451
+ --contextmenu-color: var(--gw-color-Neutrals1);
452
+ --contextmenu-color__disabled: var(--gw-color-Neutrals12);
453
+ --contextmenu-icon-color: var(--gw-color-Neutrals12);
454
+
455
+ /* Loading 组件样式 */
456
+ --loading-bgColor: var(--gw-color-Neutrals35);
457
+
458
+ /* EquipSelect 组件样式 */
459
+ --equipselect-header-background: var(--gw-color-Neutrals23);
460
+ --equipselect-body-background: var(--frame-main-background);
461
+
462
+ /* TaskPopper 组件样式 */
463
+ --task-popper-background: var(--gw-color-Neutrals23);
464
+ --task-popper-item-background: var(--gw-color-Neutrals27);
465
+
466
+
467
+
468
+ /* 旧版本样式 */
469
+ --color-primary: #fff;
470
+ --color-text-primary: #f0f4ff;
471
+ --color-text2: rgba(240, 244, 255, 0.88);
472
+ --color-text1: rgba(240, 244, 255, 0.56);
473
+ --input-btn-color: #d3d8e2;
474
+ --border-color-base: rgba(240, 244, 255, 0.16);
475
+ --background-color-base: #121622;
476
+ --background1: #181c29;
477
+ --background2: #202534;
478
+ --inputbackground3: #0c0e14;
479
+ --front-color: #252833;
480
+ --btn-background-primary: #3b4357;
481
+ --btn-color-primary: rgba(240, 244, 255, 0.88);
482
+ --btn-color: #fff;
483
+ --control-background: #3875ff;
484
+ --btn-hover-primary: #2769c2;
485
+ --background-color-light: #313747;
486
+ --table-icon-edit-color: #346ae4;
487
+ --table-icon-del-color: #bf2533;
488
+ --success: #63e03f;
489
+ --alarm: #f22433;
490
+ --warning: #f5bb36;
491
+ --h-color: #5386bb;
492
+ --mask: rgba(0, 0, 0, 0.3);
493
+ --mask1: rgba(0, 0, 0, 0.3);
494
+
495
+ --nav-bgColor: #252833;
496
+ --nav-bgColor1: #181c29;
497
+ --nav-bgColor2: #181c29;
498
+ --nav-bgColor3: #252833;
499
+ --nav-bgColor4: #181c29;
500
+ --nav-bgColor5: #202534;
501
+ --nav-bgColor6: #3f495f;
502
+ --nav-txColor: rgba(240, 244, 255, 0.56);
503
+ --nav-txColor1: #8b8f97;
504
+ --nav-iconColor: rgba(240, 244, 255, 0.56);
505
+
506
+ --asideColor: rgba(240, 244, 255, 0.56);
507
+
508
+ --nav-hoverBgColor: #181c29;
509
+ --nav-hoverTxColor: #f0f4ff;
510
+ --nav-hoverIconColor: #f0f4ff;
511
+ --nav-selBgColor: #3875ff;
512
+ --nav-selBgColor2: #3875ff;
513
+ --nav-selTxColor: #f0f4ff;
514
+ --nav-selIconColor: #f0f4ff;
515
+
516
+ --btn-bgColor: #3875ff;
517
+ --btn-bgColor1: rgba(59, 67, 87, 0.64);
518
+ --btn-bgColor2: #f22433;
519
+ --btn-bgColor3: #3b4357;
520
+ --btn-bgColor4: #252833;
521
+ --btn-bgColor5: #3b4357;
522
+ --btn-bgColor6: #13c2c2;
523
+ --btn-bgColor7: #eafaf4;
524
+ --btn-disableBgColor: #0c79dd;
525
+ --btn-bgColor8: #3b4357;
526
+ --btn-bgColor9: #0c0e14;
527
+ --btn-bgColor10: #313747;
528
+ --btn-selectBgColor: #3875ff;
529
+ --btn-txColor: #e6edff;
530
+ --btn-txColor1: #3875ff;
531
+ --btn-txColor2: rgba(240, 244, 255, 0.88);
532
+ --btn-txColor3: #fff;
533
+ --btn-txColor4: #f56c6c;
534
+ --btn-txColor5: #e6edff;
535
+ --btn-txColor6: #f22433;
536
+ --btn-txColor7: #313747;
537
+ --btn-txColor8: #2cd08c;
538
+ --btn-txColor9: #3875ff;
539
+ --btn-txColor10: #0987e5;
540
+ --btn-iconColor: #e6edff;
541
+ --btn-iconColor1: #d3d8e2;
542
+ --btn-iconColor2: #3875ff;
543
+ --btn-borderColor: #3875ff;
544
+ --btn-borderColor1: rgba(240, 244, 255, 0.16);
545
+ --btn-borderColor2: #464954;
546
+ --btn-borderColor3: #d5f6e8;
547
+ --btn-hoverBgColor: rgba(59, 67, 87, 1);
548
+ --btn-hoverBgColor1: rgba(240, 244, 255, 0.16);
549
+ --btn-hoverBgColor2: #2769c2;
550
+ --btn-hoverBgColor3: #253045;
551
+ --btn-hoverBgColor4: #3b4357;
552
+ --btn-hoverBgColor5: #2f3544;
553
+ --btn-hoverTXColor: #3875ff;
554
+ --btn-hoverTXColor1: #f0f4ff;
555
+ --btn-hoverBorColor: #264069;
556
+
557
+ --tab-bgColor: #0c0e14;
558
+ --tab-bgColor2: #252833;
559
+ --tab-bgColor3: #323745;
560
+ --tab-bgColor4: #202533;
561
+ --tab-bgColor5: #1c2230;
562
+ --tab-bgColor6: #1c2230;
563
+ --tab-bgColor7: #121622;
564
+ --tab-txColor: rgba(240, 244, 255, 0.5);
565
+ --tab-txColor1: rgba(240, 244, 255, 0.56);
566
+ --tab-txColor2: #626d84;
567
+ --tab-borderColor: transparent;
568
+ --tab-borderColor1: transparent;
569
+ --tab-selBgColor: #121622;
570
+ --tab-selBgColor2: #141722;
571
+ --tab-selBgColor3: #1f2432;
572
+ --tab-selBgColor4: #1f2432;
573
+ --tab-selBgColor5: #1c2230;
574
+ --tab-selTXColor: #f0f4ff;
575
+ --tab-selTXColor1: #ffffff;
576
+ --tab-hoverTXColor: #3875ff;
577
+ --tab-hoverBg: #1f2432;
578
+ --tab-actColor: #313747;
579
+
580
+ --input-bgColor: #0c0e14;
581
+ --input-bgColor2: #181c29;
582
+ --input-bgColor3: #313747;
583
+ --input-bgColor4: #121927;
584
+ --input-bgColor5: #151a27;
585
+ --input-bgColor6: #121927;
586
+ --input-disabled-bgColor: #29303f;
587
+ --input-btnBgColor3: #26282c;
588
+ --input-btnBorColor: #323848;
589
+ --input-btnBgColor: #f0f4ff;
590
+ --input-txColor: #d3d8e2;
591
+ --input-txColor1: #f0f4ff;
592
+ --input-plaColor: #2d2e30;
593
+ --input-plaColor1: rgba(240, 244, 255, 0.64);
594
+ --input-iconColor: #8f9091;
595
+ --input-iconColor1: #f0f4ff;
596
+ --input-borderColor: rgba(240, 244, 255, 0.16);
597
+ --input-borderColor1: rgba(235, 236, 240, 0.5);
598
+ --input-borderColor2: rgba(240, 244, 255, 0.16);
599
+ --input-borderColor3: #3d4a63;
600
+ --input-selBorColor: #3875ff;
601
+ --input-hoverBorColor: #8f9091;
602
+
603
+ --textarea-fontColor: #fafafa;
604
+ --textarea-backgroundColor: #0c0e14;
605
+ --textarea-borderColor: rgba(240, 244, 255, 0.16);
606
+
607
+ --txt-color-1: #3875ff;
608
+ --txt-color-2: #ff7a00;
609
+
610
+ --table-headerBgColor: #181c29;
611
+ --table-headerBgColor2: #29303f;
612
+ --table-txColor: #f0f4ff;
613
+ --table-headerTXColor: #8d929d;
614
+ --table-borderColor: #000;
615
+ --table-rowBgColor: #252833;
616
+ --table-hoverRowBgColor: #3b4357;
617
+ --table-rowBgColor-strip: #1c2230;
618
+ --table-rowBgColor-strip2: #151a27;
619
+ --table-iconEdit: #346ae4;
620
+ --table-iconDel: #bf2533;
621
+ --table-borderBottomColor: #181c29;
622
+
623
+ --con-textColor1: #f0f4ff;
624
+ --con-textColor2: rgba(240, 244, 255, 0.88);
625
+ --con-textColor3: rgba(240, 244, 255, 0.64);
626
+ --con-textColor4: rgba(240, 244, 255, 0.56);
627
+ --con-textColor5: rgba(240, 244, 255, 0.32);
628
+ --con-textColor6: rgba(240, 244, 255, 0.16);
629
+ --con-textColor7: rgba(240, 244, 255, 0.08);
630
+ --con-textColor8: #f0f4ff;
631
+ --con-textColor9: #b7b7ba;
632
+ --con-textColor10: #f0f4ff;
633
+ --con-textColor11: #f0f4ff;
634
+ --con-textColor12: #f0f0f0;
635
+ --con-textColor13: linear-gradient(to top, #2c75d8, #61c5fe);
636
+ --con-textColor14: #cccccc;
637
+ --con-textColor15: #999999;
638
+ --con-textColor16: #dbdbdb;
639
+ --con-textColor17: #7af8ff;
640
+ --con-textColor18: #999999;
641
+ --con-textColor19: #cccccc;
642
+ --con-textColor20: #999999;
643
+ --con-textColor21: #f8c161;
644
+ --con-textColor22: #0adae6;
645
+ --con-textColor23: #dbdbdb;
646
+ --con-textColor24: #dfdfdf;
647
+ --con-textColor25: #999999;
648
+ --con-textColor26: #dbdbdb;
649
+ --con-textColor27: #f0f4ff;
650
+ --con-textColor28: #666666;
651
+ --con-textColor29: #4df6af;
652
+ --con-bgColor1: #090f1a;
653
+ --con-bgColor2: #0c0e14;
654
+ --con-bgColor3: #181c29;
655
+ --con-bgColor4: #252833;
656
+ --con-bgColor5: #313747;
657
+ --con-bgColor5-1: #313747;
658
+ --con-bgColor6: #3b4357;
659
+ --con-bgColor6-1: #3b4357;
660
+ --con-bgColor7: #181c29;
661
+ --con-bgColor8: transparent;
662
+ --con-bgColor9: #3e3e42;
663
+ --con-bgColor10: #1d1e20;
664
+ --con-bgColor11: #2d2e30;
665
+ --con-bgColor12: #3b4357;
666
+ --con-bgColor13: linear-gradient(-43deg, #181c29, #3b4357);
667
+ --con-bgColor14: #313747;
668
+ --con-bgColor15: #313747;
669
+ --con-bgColor16: transparent;
670
+ --con-bgColor17: #313747;
671
+ --con-bgColor18: #252833;
672
+ --con-bgColor19: #202534;
673
+ --con-bgColor20: #1f2535;
674
+ --con-bgColor21: #29303f;
675
+ --con-bgColor22: #121622;
676
+ --con-bgColor23: #242938;
677
+ --con-bgColor24: rgba(63, 72, 95, 0.39);
678
+ --con-bgColor25: #2b3245;
679
+ --con-bgColor26: #121927;
680
+ --con-bgColor27: #1f2535;
681
+ --con-bgColor28: #293040;
682
+ --con-bgColor29: #1b1f2c;
683
+ --con-bgColor30: #555555;
684
+ --con-bgColor31: #252936;
685
+ --con-borderColor: rgba(240, 244, 255, 0.16);
686
+ --con-borderColor1: rgba(240, 244, 255, 0.16);
687
+ --con-borderColor2: rgba(240, 244, 255, 0.08);
688
+ --con-borderColor3: #3b4860;
689
+ --con-borderColor4: #3d4a63;
690
+ --con-borderColor5: rgba(240, 244, 255, 0.08);
691
+ --con-borderHoverColor: #8f9091;
692
+ --con-borderHoverColor2: #5d709b;
693
+
694
+ --con-themeColor: #3875ff;
695
+ --con-themeColor2: #2669ec;
696
+ --con-successColor: #63e03f;
697
+ --con-alarmColor: #f22433;
698
+ --con-alarmColor2: #f73231;
699
+ --con-warningColor: #f5bb36;
700
+
701
+ --border-color-1: rgba(61, 74, 99, 0.51);
702
+ --border-color-2: #3d4a63;
703
+ --border-color-3: #30384b;
704
+ --border-color-4: #30384b;
705
+ --border-color-5: #5E6576;
706
+ --bor-default: rgba(240, 244, 255, 0.16);
707
+ --bor-primary: #3875ff;
708
+ --bor-danger: #f22433;
709
+ --bor-light: #fff;
710
+
711
+ --dialog-textColor1: #f0f4ff;
712
+ --dialog-textColor2: rgba(240, 244, 255, 0.56);
713
+ --dialog-bgColor: #1f2535;
714
+ --dialog-bgColor2: #181c29;
715
+ --dialog-bgColor3: #0c0e14;
716
+ --dialog-bgColor4: #1f2535;
717
+ --dialog-groupBgColor: #313747;
718
+ --dialog-groupBgColor2: #313747;
719
+ --dialog-labelBgColor: #313747;
720
+ --dialog-shadow: 0px 12px 20px 0px rgba(12, 14, 20, 0.64);
721
+
722
+ --tips-textColor1: #f0f4ff;
723
+ --tips-textColor2: rgba(240, 244, 255, 0.56);
724
+ --tips-bgColor: #252833;
725
+ --tips-text: #999999;
726
+
727
+ --sel-textColor: #f0f4ff;
728
+ --sel-bgColor: #0c0e14;
729
+ --sel-tagtextColor: rgba(240, 244, 255, 0.56);
730
+ --sel-tagBgColor: #252833;
731
+ --sel-tagIconColor: rgba(240, 244, 255, 0.56);
732
+
733
+ --dropdown-bgColor: #0c0e14;
734
+ --dropdown-bgColor1: rgba(0, 0, 0, 0.8);
735
+
736
+ --page-textColor: #c1c1c1;
737
+ --page-textColor1: #888;
738
+ --page-bgColor: #3875ff;
739
+ --page-borColor: #313747;
740
+ --page-bgColor2: #272c3d;
741
+
742
+ --tree-bgColor: #313747;
743
+ --tree-bgColor1: #252833;
744
+ --tree-bgColor2: #212533;
745
+ --tree-bgColor3: #181c29;
746
+ --tree-bgColor4: #252833;
747
+ --tree-bgColor5: transparent;
748
+ --tree-bgColor6: #2c3342;
749
+ --tree-bgColor7: #202534;
750
+ --tree-bgColor8: #2c3342;
751
+ --tree-txColor: #fff;
752
+ --tree-txColor1: rgba(240, 244, 255, 0.88);
753
+ --tree-iconColor: #fff;
754
+ --tree-selBgColor: #3b4357;
755
+ --tree-selBgColor1: #3875ff;
756
+ --tree-selTXColor: #fff;
757
+ --tree-linearColor: #8c8c8c;
758
+ --tree-borderColor: rgba(240, 244, 255, 0.16);
759
+ --tree-borderColor1: #353843;
760
+ --tree-labelBg: #313747;
761
+
762
+ --radio-bgColor: #252833;
763
+ --radio-selectBg: #3875ff;
764
+ --radio-selectBorder: #252833;
765
+
766
+ --switch-bgColor: #121927;
767
+ --switch-bgColor1: #337cef;
768
+
769
+ --popover-bgColor: #121623;
770
+ --popover-bgColor2: #313747;
771
+ --popover-bgColor3: rgba(3, 3, 3, 1);
772
+ --popover-txColor: #fff;
773
+ --popover-borderColor: rgba(240, 244, 255, 0.16);
774
+ --popover-borderColor2: #595959;
775
+ --popover-borderColor3: #2a2d3a;
776
+ --popover-hoverBgColor: #3875ff;
777
+ --popover-hoverTXColor: #fff;
778
+
779
+ --scrollbar-bgColor: #313747;
780
+
781
+ --avater-textColor: #181c29;
782
+ --avater-baColor: rgba(240, 244, 255, 0.64);
783
+
784
+ --datePanelBg: #121622;
785
+ --timeHeaderColor: #f0f4ff;
786
+ --pickerHeaderBg: #3b4357;
787
+ --iconBtnColor: #3875ff;
788
+ --pickRangeBg: #2b4074;
789
+ --footerBtnColor: #f22433;
790
+ --datePick-selectRangeBg: #3b4357;
791
+ --datePick-selectColor: #252833;
792
+ --timePick-hoverBg: #5e5f5f;
793
+
794
+ --noData-fontColor: #ced2dd;
795
+ --noData-fontColor1: #91a2af;
796
+
797
+ --fc-todayBg: #0d1f4c;
798
+
799
+ --radar-bgColor: transparent;
800
+ --radar-title: #3875ff;
801
+
802
+ --tag-title: #abceff;
803
+ --tag-unit: #f0f0f0;
804
+ --tag-number1: #f0f0f0;
805
+ --tag-number2: #f0f0f0;
806
+ --tag-number3: #f0f0f0;
807
+ --tag-number4: #f0f0f0;
808
+ --tag-number5: #f0f0f0;
809
+
810
+ --timeLine-default: #3d4a63;
811
+ --timeLine-infosBg: #29303f;
812
+ --timeLine-dot1: #8d929d;
813
+ --timeLine-dotBorder1: #3775ff;
814
+ --timeLine-dotBorder2: #1b2231;
815
+ --timeLine-line: #8d929d;
816
+
817
+ --list-bgColor-1: #202534;
818
+ --list-bgColor-2: #3b4357;
819
+ --list-bgColor-3: #29303f;
820
+ --list-labelBg: #313747;
821
+
822
+ --snapshots-bg: #1e2332;
823
+ --snapshots-bor: -webkit-linear-gradient(-40deg,
824
+ #3368df 0%,
825
+ transparent 10%,
826
+ transparent 90%,
827
+ #3875ff 100%) 10;
828
+ --snapshot-bor: #1b1f2c;
829
+ --snapshot-bg: #1b1f2c;
830
+ --snapshot-bs: rgba(0, 0, 0, 0.44);
831
+ --snapshot-number: #7af8ff;
832
+
833
+ --splitline-bor1: #414653;
834
+ --splitline-bor2: rgba(0, 0, 0, 1);
835
+
836
+ --notifyBg: #f0ffe2;
837
+ --notifytitle: #222222;
838
+ --notifytext: #8b8f97;
839
+
840
+ --line-color: rgba(240, 244, 255, 0.16);
841
+ --line-color-1: rgba(240, 244, 255, 0.16);
842
+ --line-finish: #3875ff;
843
+
844
+ --types-fc-opacity: rgba(240, 244, 255, 0.64);
845
+ --types-fc-opacity2: rgba(240, 244, 255, 0.64);
846
+ --types-fc-opacity3: rgba(240, 244, 255, 0.64);
847
+ --types-fc: #f0f4ff;
848
+
849
+ --active-bg: #1c2230;
850
+ --active-fc: #c2c2c2;
851
+ --descriptions-bor: #313543;
852
+ --descriptions-fc: #e8f0ff;
853
+
854
+ --loadingBg: #495266;
855
+ --loading-bgColor: rgba(18, 22, 34, 0.9);
856
+
857
+ --img-color-1: linear-gradient(180deg, #f2f3f5 0%, #757d93 100%);
858
+ --img-color-2: #8b8f97;
859
+
860
+ --top-menu-bg: #494f60;
861
+ --top-menu-fc: #ffffff;
862
+
863
+ --theme-hover: #353C4B;
864
+
865
+ --plugin-blue1: #0396FF;
866
+ --plugin-blue2: #2D94FF;
867
+ --plugin-bgColor1: #2C3347;
868
+ --plugin-bgColor2: #2B3248;
869
+ --plugin-bgColor3: #004678;
870
+ --plugin-bgColor4: #2b385c;
871
+ --plugin-bgColor5: #2c3347;
872
+ --plugin-radial-bgColor: #032283 radial-gradient(circle at 50% 50%, rgba(4, 9, 44, 0.5) 0%, rgba(102, 187, 255, 0.5) 100%, rgba(18, 76, 170, 0.5) 100%);
873
+ --plugin-tagColor1: #383F52;
874
+ --plugin-tagColor2: #383F52;
875
+ --plugin-tagColor3: #2b385c;
876
+ --plugin-tagColor4: #383F52;
877
+ --plugin-borderColor1: #2c3347;
878
+ --plugin-text1: #f0f4ff;
879
+ --plugin-text2: #FBD500;
880
+ --plugin-titleColor1: #0e7cce;
881
+ --plugin-downloadColor: #fff;
882
+
883
+
884
+ --allocation-menu-active-background: linear-gradient(270deg,
885
+ rgba(51, 124, 239, 0.1) 0%,
886
+ rgba(51, 124, 239, 0.23) 100%);
887
+ --allocation-menu-active-color: #f0f4ff;
888
+
889
+
457
890
  }