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

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 (16) hide show
  1. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/css/ElementPlusAdapter.css +89 -443
  2. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/dark-6-1.css +892 -885
  3. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/green-6-1.css +16 -0
  4. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/public/static/themes/light-6-1.css +8 -1
  5. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/layouts/Navigation/TopNav.vue +10 -18
  6. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/views/index.js +4 -5
  7. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-login/public/static/themes/light-6-1.css +1 -1
  8. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/env.d.ts +1 -0
  9. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/package.json +3 -3
  10. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/public/static/themes/dark-6-1.css +892 -885
  11. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/public/static/themes/light-6-1.css +8 -1
  12. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/src/utils/dom.ts +3 -11
  13. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/src/utils/performance.ts +2 -2
  14. package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-template/src/utils/string.ts +0 -14
  15. package/package.json +1 -1
  16. package/ganwei-iotcenter-index-6.2.3/pnpm-lock.yaml +0 -9063
@@ -1,890 +1,897 @@
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
- --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;
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
+ /* descriptions */
397
+ --descriptions-border: var(--gw-color-Neutrals18);
398
+ --descriptions-label-color: var(--frame-main-color);
399
+ --descriptions-label-background: var(--gw-color-Neutrals21);
400
+ --descriptions-content-color: var(--frame-main-color);
401
+ --descriptions-content-background: var(--frame-main-background-2);
402
+
403
+ /* 穿梭框 */
404
+ --transfer-background: var(--gw-color-Neutrals25);
405
+ --transfer-border: var(--gw-color-Neutrals18);
406
+ --transfer-header-background: var(--gw-color-Neutrals21);
407
+
408
+ /* fullcalendar 日历 */
409
+ --fc-color: var(--gw-color-Neutrals2);
410
+ --fc-color__active: var(--gw-color-Neutrals27);
411
+ --fc-button-background: var(--gw-color-Neutrals23);
412
+ --fc-timelint-border: var(--gw-color-Neutrals18);
413
+ --fc-timelint-background__active: var(--gw-color-primary);
414
+ --fc-popover-background: var(--gw-color-Neutrals21);
415
+
416
+ /* monoca 编辑器 */
417
+ --editor-background: var(--gw-color-Neutrals25);
418
+ --editor-background_select: var(--gw-color-primary);
419
+ --editor-color: var(--gw-color-Neutrals2);
420
+ --editor-border: var(--gw-color-Neutrals18);
421
+
422
+ /* 滚动条 */
423
+ --scrollbar-background: var(--gw-color-Neutrals21);
424
+ --scrollbar-border: var(--gw-color-Neutrals18);
425
+
426
+ /* Timeline 组件样式 */
427
+ --timeline-line-background: var(--gw-color-Neutrals12);
428
+ --timeline-dot-background: var(--gw-color-Neutrals12);
429
+ --timeline-dot-background__active: var(--gw-color-primary);
430
+ --timeline-dot-border: var(--gw-color-Neutrals24);
431
+ --timeline-dot-border__active: var(--gw-color-Neutrals15);
432
+ --timeline-default: var(--gw-color-Neutrals18);
433
+
434
+ /* Alert 组件样式 */
435
+ --alert-background__success: var(--gw-color-success);
436
+ --alert-border__success: var(--gw-color-success6);
437
+ --alert-color__success: var(--gw-color-success1);
438
+
439
+ --alert-background__info: var(--gw-color-Neutrals24);
440
+ --alert-border__info: var(--gw-color-Neutrals21);
441
+
442
+ --alert-background__warning: var(--gw-color-waning);
443
+ --alert-border__warning: var(--gw-color-waning);
444
+
445
+ --alert-background__error: var(--gw-color-danger);
446
+ --alert-border__error: var(--gw-color-danger);
447
+ --alert-title-color: var(--gw-color-success1);
448
+
449
+ --alert-description-color: var(--gw-color-Neutrals7);
450
+ --alert-btn-color: var(--gw-color-Neutrals12);
451
+
452
+ /* Upload 组件样式 */
453
+ --upload-tips-color: var(--gw-color-Neutrals7);
454
+
455
+ /* ContextMenu 组件样式 */
456
+ --contextmenu-background: var(--gw-color-Neutrals27);
457
+ --contextmenu-background__hover: var(--gw-color-Neutrals20);
458
+ --contextmenu-color: var(--gw-color-Neutrals1);
459
+ --contextmenu-color__disabled: var(--gw-color-Neutrals12);
460
+ --contextmenu-icon-color: var(--gw-color-Neutrals12);
461
+
462
+ /* Loading 组件样式 */
463
+ --loading-bgColor: var(--gw-color-Neutrals35);
464
+
465
+ /* EquipSelect 组件样式 */
466
+ --equipselect-header-background: var(--gw-color-Neutrals23);
467
+ --equipselect-body-background: var(--frame-main-background);
468
+
469
+ /* TaskPopper 组件样式 */
470
+ --task-popper-background: var(--gw-color-Neutrals23);
471
+ --task-popper-item-background: var(--gw-color-Neutrals27);
472
+
473
+
474
+
475
+ /* 旧版本样式 */
476
+ --color-primary: #fff;
477
+ --color-text-primary: #f0f4ff;
478
+ --color-text2: rgba(240, 244, 255, 0.88);
479
+ --color-text1: rgba(240, 244, 255, 0.56);
480
+ --input-btn-color: #d3d8e2;
481
+ --border-color-base: rgba(240, 244, 255, 0.16);
482
+ --background-color-base: #121622;
483
+ --background1: #181c29;
484
+ --background2: #202534;
485
+ --inputbackground3: #0c0e14;
486
+ --front-color: #252833;
487
+ --btn-background-primary: #3b4357;
488
+ --btn-color-primary: rgba(240, 244, 255, 0.88);
489
+ --btn-color: #fff;
490
+ --control-background: #3875ff;
491
+ --btn-hover-primary: #2769c2;
492
+ --background-color-light: #313747;
493
+ --table-icon-edit-color: #346ae4;
494
+ --table-icon-del-color: #bf2533;
495
+ --success: #63e03f;
496
+ --alarm: #f22433;
497
+ --warning: #f5bb36;
498
+ --h-color: #5386bb;
499
+ --mask: rgba(0, 0, 0, 0.3);
500
+ --mask1: rgba(0, 0, 0, 0.3);
501
+
502
+ --nav-bgColor: #252833;
503
+ --nav-bgColor1: #181c29;
504
+ --nav-bgColor2: #181c29;
505
+ --nav-bgColor3: #252833;
506
+ --nav-bgColor4: #181c29;
507
+ --nav-bgColor5: #202534;
508
+ --nav-bgColor6: #3f495f;
509
+ --nav-txColor: rgba(240, 244, 255, 0.56);
510
+ --nav-txColor1: #8b8f97;
511
+ --nav-iconColor: rgba(240, 244, 255, 0.56);
512
+
513
+ --asideColor: rgba(240, 244, 255, 0.56);
514
+
515
+ --nav-hoverBgColor: #181c29;
516
+ --nav-hoverTxColor: #f0f4ff;
517
+ --nav-hoverIconColor: #f0f4ff;
518
+ --nav-selBgColor: #3875ff;
519
+ --nav-selBgColor2: #3875ff;
520
+ --nav-selTxColor: #f0f4ff;
521
+ --nav-selIconColor: #f0f4ff;
522
+
523
+ --btn-bgColor: #3875ff;
524
+ --btn-bgColor1: rgba(59, 67, 87, 0.64);
525
+ --btn-bgColor2: #f22433;
526
+ --btn-bgColor3: #3b4357;
527
+ --btn-bgColor4: #252833;
528
+ --btn-bgColor5: #3b4357;
529
+ --btn-bgColor6: #13c2c2;
530
+ --btn-bgColor7: #eafaf4;
531
+ --btn-disableBgColor: #0c79dd;
532
+ --btn-bgColor8: #3b4357;
533
+ --btn-bgColor9: #0c0e14;
534
+ --btn-bgColor10: #313747;
535
+ --btn-selectBgColor: #3875ff;
536
+ --btn-txColor: #e6edff;
537
+ --btn-txColor1: #3875ff;
538
+ --btn-txColor2: rgba(240, 244, 255, 0.88);
539
+ --btn-txColor3: #fff;
540
+ --btn-txColor4: #f56c6c;
541
+ --btn-txColor5: #e6edff;
542
+ --btn-txColor6: #f22433;
543
+ --btn-txColor7: #313747;
544
+ --btn-txColor8: #2cd08c;
545
+ --btn-txColor9: #3875ff;
546
+ --btn-txColor10: #0987e5;
547
+ --btn-iconColor: #e6edff;
548
+ --btn-iconColor1: #d3d8e2;
549
+ --btn-iconColor2: #3875ff;
550
+ --btn-borderColor: #3875ff;
551
+ --btn-borderColor1: rgba(240, 244, 255, 0.16);
552
+ --btn-borderColor2: #464954;
553
+ --btn-borderColor3: #d5f6e8;
554
+ --btn-hoverBgColor: rgba(59, 67, 87, 1);
555
+ --btn-hoverBgColor1: rgba(240, 244, 255, 0.16);
556
+ --btn-hoverBgColor2: #2769c2;
557
+ --btn-hoverBgColor3: #253045;
558
+ --btn-hoverBgColor4: #3b4357;
559
+ --btn-hoverBgColor5: #2f3544;
560
+ --btn-hoverTXColor: #3875ff;
561
+ --btn-hoverTXColor1: #f0f4ff;
562
+ --btn-hoverBorColor: #264069;
563
+
564
+ --tab-bgColor: #0c0e14;
565
+ --tab-bgColor2: #252833;
566
+ --tab-bgColor3: #323745;
567
+ --tab-bgColor4: #202533;
568
+ --tab-bgColor5: #1c2230;
569
+ --tab-bgColor6: #1c2230;
570
+ --tab-bgColor7: #121622;
571
+ --tab-txColor: rgba(240, 244, 255, 0.5);
572
+ --tab-txColor1: rgba(240, 244, 255, 0.56);
573
+ --tab-txColor2: #626d84;
574
+ --tab-borderColor: transparent;
575
+ --tab-borderColor1: transparent;
576
+ --tab-selBgColor: #121622;
577
+ --tab-selBgColor2: #141722;
578
+ --tab-selBgColor3: #1f2432;
579
+ --tab-selBgColor4: #1f2432;
580
+ --tab-selBgColor5: #1c2230;
581
+ --tab-selTXColor: #f0f4ff;
582
+ --tab-selTXColor1: #ffffff;
583
+ --tab-hoverTXColor: #3875ff;
584
+ --tab-hoverBg: #1f2432;
585
+ --tab-actColor: #313747;
586
+
587
+ --input-bgColor: #0c0e14;
588
+ --input-bgColor2: #181c29;
589
+ --input-bgColor3: #313747;
590
+ --input-bgColor4: #121927;
591
+ --input-bgColor5: #151a27;
592
+ --input-bgColor6: #121927;
593
+ --input-disabled-bgColor: #29303f;
594
+ --input-btnBgColor3: #26282c;
595
+ --input-btnBorColor: #323848;
596
+ --input-btnBgColor: #f0f4ff;
597
+ --input-txColor: #d3d8e2;
598
+ --input-txColor1: #f0f4ff;
599
+ --input-plaColor: #2d2e30;
600
+ --input-plaColor1: rgba(240, 244, 255, 0.64);
601
+ --input-iconColor: #8f9091;
602
+ --input-iconColor1: #f0f4ff;
603
+ --input-borderColor: rgba(240, 244, 255, 0.16);
604
+ --input-borderColor1: rgba(235, 236, 240, 0.5);
605
+ --input-borderColor2: rgba(240, 244, 255, 0.16);
606
+ --input-borderColor3: #3d4a63;
607
+ --input-selBorColor: #3875ff;
608
+ --input-hoverBorColor: #8f9091;
609
+
610
+ --textarea-fontColor: #fafafa;
611
+ --textarea-backgroundColor: #0c0e14;
612
+ --textarea-borderColor: rgba(240, 244, 255, 0.16);
613
+
614
+ --txt-color-1: #3875ff;
615
+ --txt-color-2: #ff7a00;
616
+
617
+ --table-headerBgColor: #181c29;
618
+ --table-headerBgColor2: #29303f;
619
+ --table-txColor: #f0f4ff;
620
+ --table-headerTXColor: #8d929d;
621
+ --table-borderColor: #000;
622
+ --table-rowBgColor: #252833;
623
+ --table-hoverRowBgColor: #3b4357;
624
+ --table-rowBgColor-strip: #1c2230;
625
+ --table-rowBgColor-strip2: #151a27;
626
+ --table-iconEdit: #346ae4;
627
+ --table-iconDel: #bf2533;
628
+ --table-borderBottomColor: #181c29;
629
+
630
+ --con-textColor1: #f0f4ff;
631
+ --con-textColor2: rgba(240, 244, 255, 0.88);
632
+ --con-textColor3: rgba(240, 244, 255, 0.64);
633
+ --con-textColor4: rgba(240, 244, 255, 0.56);
634
+ --con-textColor5: rgba(240, 244, 255, 0.32);
635
+ --con-textColor6: rgba(240, 244, 255, 0.16);
636
+ --con-textColor7: rgba(240, 244, 255, 0.08);
637
+ --con-textColor8: #f0f4ff;
638
+ --con-textColor9: #b7b7ba;
639
+ --con-textColor10: #f0f4ff;
640
+ --con-textColor11: #f0f4ff;
641
+ --con-textColor12: #f0f0f0;
642
+ --con-textColor13: linear-gradient(to top, #2c75d8, #61c5fe);
643
+ --con-textColor14: #cccccc;
644
+ --con-textColor15: #999999;
645
+ --con-textColor16: #dbdbdb;
646
+ --con-textColor17: #7af8ff;
647
+ --con-textColor18: #999999;
648
+ --con-textColor19: #cccccc;
649
+ --con-textColor20: #999999;
650
+ --con-textColor21: #f8c161;
651
+ --con-textColor22: #0adae6;
652
+ --con-textColor23: #dbdbdb;
653
+ --con-textColor24: #dfdfdf;
654
+ --con-textColor25: #999999;
655
+ --con-textColor26: #dbdbdb;
656
+ --con-textColor27: #f0f4ff;
657
+ --con-textColor28: #666666;
658
+ --con-textColor29: #4df6af;
659
+ --con-bgColor1: #090f1a;
660
+ --con-bgColor2: #0c0e14;
661
+ --con-bgColor3: #181c29;
662
+ --con-bgColor4: #252833;
663
+ --con-bgColor5: #313747;
664
+ --con-bgColor5-1: #313747;
665
+ --con-bgColor6: #3b4357;
666
+ --con-bgColor6-1: #3b4357;
667
+ --con-bgColor7: #181c29;
668
+ --con-bgColor8: transparent;
669
+ --con-bgColor9: #3e3e42;
670
+ --con-bgColor10: #1d1e20;
671
+ --con-bgColor11: #2d2e30;
672
+ --con-bgColor12: #3b4357;
673
+ --con-bgColor13: linear-gradient(-43deg, #181c29, #3b4357);
674
+ --con-bgColor14: #313747;
675
+ --con-bgColor15: #313747;
676
+ --con-bgColor16: transparent;
677
+ --con-bgColor17: #313747;
678
+ --con-bgColor18: #252833;
679
+ --con-bgColor19: #202534;
680
+ --con-bgColor20: #1f2535;
681
+ --con-bgColor21: #29303f;
682
+ --con-bgColor22: #121622;
683
+ --con-bgColor23: #242938;
684
+ --con-bgColor24: rgba(63, 72, 95, 0.39);
685
+ --con-bgColor25: #2b3245;
686
+ --con-bgColor26: #121927;
687
+ --con-bgColor27: #1f2535;
688
+ --con-bgColor28: #293040;
689
+ --con-bgColor29: #1b1f2c;
690
+ --con-bgColor30: #555555;
691
+ --con-bgColor31: #252936;
692
+ --con-borderColor: rgba(240, 244, 255, 0.16);
693
+ --con-borderColor1: rgba(240, 244, 255, 0.16);
694
+ --con-borderColor2: rgba(240, 244, 255, 0.08);
695
+ --con-borderColor3: #3b4860;
696
+ --con-borderColor4: #3d4a63;
697
+ --con-borderColor5: rgba(240, 244, 255, 0.08);
698
+ --con-borderHoverColor: #8f9091;
699
+ --con-borderHoverColor2: #5d709b;
700
+
701
+ --con-themeColor: #3875ff;
702
+ --con-themeColor2: #2669ec;
703
+ --con-successColor: #63e03f;
704
+ --con-alarmColor: #f22433;
705
+ --con-alarmColor2: #f73231;
706
+ --con-warningColor: #f5bb36;
707
+
708
+ --border-color-1: rgba(61, 74, 99, 0.51);
709
+ --border-color-2: #3d4a63;
710
+ --border-color-3: #30384b;
711
+ --border-color-4: #30384b;
712
+ --border-color-5: #5E6576;
713
+ --bor-default: rgba(240, 244, 255, 0.16);
714
+ --bor-primary: #3875ff;
715
+ --bor-danger: #f22433;
716
+ --bor-light: #fff;
717
+
718
+ --dialog-textColor1: #f0f4ff;
719
+ --dialog-textColor2: rgba(240, 244, 255, 0.56);
720
+ --dialog-bgColor: #1f2535;
721
+ --dialog-bgColor2: #181c29;
722
+ --dialog-bgColor3: #0c0e14;
723
+ --dialog-bgColor4: #1f2535;
724
+ --dialog-groupBgColor: #313747;
725
+ --dialog-groupBgColor2: #313747;
726
+ --dialog-labelBgColor: #313747;
727
+ --dialog-shadow: 0px 12px 20px 0px rgba(12, 14, 20, 0.64);
728
+
729
+ --tips-textColor1: #f0f4ff;
730
+ --tips-textColor2: rgba(240, 244, 255, 0.56);
731
+ --tips-bgColor: #252833;
732
+ --tips-text: #999999;
733
+
734
+ --sel-textColor: #f0f4ff;
735
+ --sel-bgColor: #0c0e14;
736
+ --sel-tagtextColor: rgba(240, 244, 255, 0.56);
737
+ --sel-tagBgColor: #252833;
738
+ --sel-tagIconColor: rgba(240, 244, 255, 0.56);
739
+
740
+ --dropdown-bgColor: #0c0e14;
741
+ --dropdown-bgColor1: rgba(0, 0, 0, 0.8);
742
+
743
+ --page-textColor: #c1c1c1;
744
+ --page-textColor1: #888;
745
+ --page-bgColor: #3875ff;
746
+ --page-borColor: #313747;
747
+ --page-bgColor2: #272c3d;
748
+
749
+ --tree-bgColor: #313747;
750
+ --tree-bgColor1: #252833;
751
+ --tree-bgColor2: #212533;
752
+ --tree-bgColor3: #181c29;
753
+ --tree-bgColor4: #252833;
754
+ --tree-bgColor5: transparent;
755
+ --tree-bgColor6: #2c3342;
756
+ --tree-bgColor7: #202534;
757
+ --tree-bgColor8: #2c3342;
758
+ --tree-txColor: #fff;
759
+ --tree-txColor1: rgba(240, 244, 255, 0.88);
760
+ --tree-iconColor: #fff;
761
+ --tree-selBgColor: #3b4357;
762
+ --tree-selBgColor1: #3875ff;
763
+ --tree-selTXColor: #fff;
764
+ --tree-linearColor: #8c8c8c;
765
+ --tree-borderColor: rgba(240, 244, 255, 0.16);
766
+ --tree-borderColor1: #353843;
767
+ --tree-labelBg: #313747;
768
+
769
+ --radio-bgColor: #252833;
770
+ --radio-selectBg: #3875ff;
771
+ --radio-selectBorder: #252833;
772
+
773
+ --switch-bgColor: #121927;
774
+ --switch-bgColor1: #337cef;
775
+
776
+ --popover-bgColor: #121623;
777
+ --popover-bgColor2: #313747;
778
+ --popover-bgColor3: rgba(3, 3, 3, 1);
779
+ --popover-txColor: #fff;
780
+ --popover-borderColor: rgba(240, 244, 255, 0.16);
781
+ --popover-borderColor2: #595959;
782
+ --popover-borderColor3: #2a2d3a;
783
+ --popover-hoverBgColor: #3875ff;
784
+ --popover-hoverTXColor: #fff;
785
+
786
+ --scrollbar-bgColor: #313747;
787
+
788
+ --avater-textColor: #181c29;
789
+ --avater-baColor: rgba(240, 244, 255, 0.64);
790
+
791
+ --datePanelBg: #121622;
792
+ --timeHeaderColor: #f0f4ff;
793
+ --pickerHeaderBg: #3b4357;
794
+ --iconBtnColor: #3875ff;
795
+ --pickRangeBg: #2b4074;
796
+ --footerBtnColor: #f22433;
797
+ --datePick-selectRangeBg: #3b4357;
798
+ --datePick-selectColor: #252833;
799
+ --timePick-hoverBg: #5e5f5f;
800
+
801
+ --noData-fontColor: #ced2dd;
802
+ --noData-fontColor1: #91a2af;
803
+
804
+ --fc-todayBg: #0d1f4c;
805
+
806
+ --radar-bgColor: transparent;
807
+ --radar-title: #3875ff;
808
+
809
+ --tag-title: #abceff;
810
+ --tag-unit: #f0f0f0;
811
+ --tag-number1: #f0f0f0;
812
+ --tag-number2: #f0f0f0;
813
+ --tag-number3: #f0f0f0;
814
+ --tag-number4: #f0f0f0;
815
+ --tag-number5: #f0f0f0;
816
+
817
+ --timeLine-default: #3d4a63;
818
+ --timeLine-infosBg: #29303f;
819
+ --timeLine-dot1: #8d929d;
820
+ --timeLine-dotBorder1: #3775ff;
821
+ --timeLine-dotBorder2: #1b2231;
822
+ --timeLine-line: #8d929d;
823
+
824
+ --list-bgColor-1: #202534;
825
+ --list-bgColor-2: #3b4357;
826
+ --list-bgColor-3: #29303f;
827
+ --list-labelBg: #313747;
828
+
829
+ --snapshots-bg: #1e2332;
830
+ --snapshots-bor: -webkit-linear-gradient(-40deg,
831
+ #3368df 0%,
832
+ transparent 10%,
833
+ transparent 90%,
834
+ #3875ff 100%) 10;
835
+ --snapshot-bor: #1b1f2c;
836
+ --snapshot-bg: #1b1f2c;
837
+ --snapshot-bs: rgba(0, 0, 0, 0.44);
838
+ --snapshot-number: #7af8ff;
839
+
840
+ --splitline-bor1: #414653;
841
+ --splitline-bor2: rgba(0, 0, 0, 1);
842
+
843
+ --notifyBg: #f0ffe2;
844
+ --notifytitle: #222222;
845
+ --notifytext: #8b8f97;
846
+
847
+ --line-color: rgba(240, 244, 255, 0.16);
848
+ --line-color-1: rgba(240, 244, 255, 0.16);
849
+ --line-finish: #3875ff;
850
+
851
+ --types-fc-opacity: rgba(240, 244, 255, 0.64);
852
+ --types-fc-opacity2: rgba(240, 244, 255, 0.64);
853
+ --types-fc-opacity3: rgba(240, 244, 255, 0.64);
854
+ --types-fc: #f0f4ff;
855
+
856
+ --active-bg: #1c2230;
857
+ --active-fc: #c2c2c2;
858
+ --descriptions-bor: #313543;
859
+ --descriptions-fc: #e8f0ff;
860
+
861
+ --loadingBg: #495266;
862
+ --loading-bgColor: rgba(18, 22, 34, 0.9);
863
+
864
+ --img-color-1: linear-gradient(180deg, #f2f3f5 0%, #757d93 100%);
865
+ --img-color-2: #8b8f97;
866
+
867
+ --top-menu-bg: #494f60;
868
+ --top-menu-fc: #ffffff;
869
+
870
+ --theme-hover: #353C4B;
871
+
872
+ --plugin-blue1: #0396FF;
873
+ --plugin-blue2: #2D94FF;
874
+ --plugin-bgColor1: #2C3347;
875
+ --plugin-bgColor2: #2B3248;
876
+ --plugin-bgColor3: #004678;
877
+ --plugin-bgColor4: #2b385c;
878
+ --plugin-bgColor5: #2c3347;
879
+ --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%);
880
+ --plugin-tagColor1: #383F52;
881
+ --plugin-tagColor2: #383F52;
882
+ --plugin-tagColor3: #2b385c;
883
+ --plugin-tagColor4: #383F52;
884
+ --plugin-borderColor1: #2c3347;
885
+ --plugin-text1: #f0f4ff;
886
+ --plugin-text2: #FBD500;
887
+ --plugin-titleColor1: #0e7cce;
888
+ --plugin-downloadColor: #fff;
889
+
890
+
891
+ --allocation-menu-active-background: linear-gradient(270deg,
892
+ rgba(51, 124, 239, 0.1) 0%,
893
+ rgba(51, 124, 239, 0.23) 100%);
894
+ --allocation-menu-active-color: #f0f4ff;
888
895
 
889
896
 
890
897
  }