@arco-themes/vue-genedesign 0.0.1

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.
package/variables.less ADDED
@@ -0,0 +1,986 @@
1
+ @gray-10: #1d2129;
2
+ @gray-9: #272e3b;
3
+ @gray-8: #4e5969;
4
+ @gray-7: #6b7785;
5
+ @gray-6: #86909c;
6
+ @gray-5: #a9aeb8;
7
+ @gray-4: #c9cdd4;
8
+ @gray-3: #e5e6eb;
9
+ @gray-2: #f2f3f5;
10
+ @gray-1: #f7f8fa;
11
+ @gold-6: #f7ba1e;
12
+ @gold-5: #F9CC45;
13
+ @gold-7: #CC9213;
14
+ @gold-4: #FADC6D;
15
+ @gold-3: #FCE996;
16
+ @gold-2: #FDF4BF;
17
+ @gold-1: #FFFCE8;
18
+ @yellow-6: #fadc19;
19
+ @yellow-7: #CFAF0F;
20
+ @yellow-5: #FBE842;
21
+ @yellow-4: #FCF26B;
22
+ @yellow-3: #FDFA94;
23
+ @yellow-2: #FEFEBE;
24
+ @yellow-1: #FEFFE8;
25
+ @lime-6: #9fdb1d;
26
+ @lime-7: #7EB712;
27
+ @lime-5: #B5E241;
28
+ @lime-4: #C9E968;
29
+ @lime-3: #DCF190;
30
+ @lime-2: #EDF8BB;
31
+ @lime-1: #FCFFE8;
32
+ @cyan-6: #14c9c9;
33
+ @cyan-7: #0DA5AA;
34
+ @cyan-5: #37D4CF;
35
+ @cyan-4: #5EDFD6;
36
+ @cyan-3: #89E9E0;
37
+ @cyan-2: #B7F4EC;
38
+ @cyan-1: #E8FFFB;
39
+ @blue-6: #3491fa;
40
+ @blue-5: #57A9FB;
41
+ @blue-4: #7BC0FC;
42
+ @blue-3: #9FD4FD;
43
+ @blue-2: #C3E7FE;
44
+ @blue-1: #E8F7FF;
45
+ @purple-6: #722ed1;
46
+ @purple-7: #551DB0;
47
+ @purple-5: #8D4EDA;
48
+ @purple-4: #A871E3;
49
+ @purple-3: #C396ED;
50
+ @purple-2: #DDBEF6;
51
+ @purple-1: #F5E8FF;
52
+ @pinkpurple-6: #d91ad9;
53
+ @pinkpurple-7: #B010B6;
54
+ @pinkpurple-5: #E13EDB;
55
+ @pinkpurple-4: #E865DF;
56
+ @pinkpurple-3: #F08EE6;
57
+ @pinkpurple-2: #F7BAEF;
58
+ @pinkpurple-1: #FFE8FB;
59
+ @magenta-6: #f5319d;
60
+ @magenta-7: #CB1E83;
61
+ @magenta-5: #F754A8;
62
+ @magenta-4: #F979B7;
63
+ @magenta-3: #FB9DC7;
64
+ @magenta-2: #FDC2DB;
65
+ @magenta-1: #FFE8F1;
66
+ @border-radius-none: 0;
67
+ @border-radius-small: 2px;
68
+ @border-radius-medium: 4px;
69
+ @border-radius-large: 8px;
70
+ @border-radius-circle: 50%;
71
+ @border-none: 0;
72
+ @border-1: 1px;
73
+ @border-2: 2px;
74
+ @border-3: 3px;
75
+ @border-solid: solid;
76
+ @border-dashed: dashed;
77
+ @border-dotted: dotted;
78
+ @color-menu-light-bg: #ffffff;
79
+ @color-menu-dark-bg: #232324;
80
+ @shadow-none: none;
81
+ @shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);
82
+ @shadow1-center: 0 0 5px rgba(0, 0, 0, 0.1);
83
+ @shadow1-up: 0 -2px 5px rgba(0, 0, 0, 0.1);
84
+ @shadow1-down: 0 2px 5px rgba(0, 0, 0, 0.1);
85
+ @shadow1-left: -2px 0 5px rgba(0, 0, 0, 0.1);
86
+ @shadow1-right: 2px 0 5px rgba(0, 0, 0, 0.1);
87
+ @shadow1-left-up: -2px -2px 5px rgba(0, 0, 0, 0.1);
88
+ @shadow1-left-down: -2px 2px 5px rgba(0, 0, 0, 0.1);
89
+ @shadow1-right-up: 2px -2px 5px rgba(0, 0, 0, 0.1);
90
+ @shadow1-right-down: 2px 2px 5px rgba(0, 0, 0, 0.1);
91
+ @shadow2-center: 0 0 10px rgba(0, 0, 0, 0.1);
92
+ @shadow2-up: 0 -4px 10px rgba(0, 0, 0, 0.1);
93
+ @shadow2-down: 0 4px 10px rgba(0, 0, 0, 0.1);
94
+ @shadow2-left: -4px 0 10px rgba(0, 0, 0, 0.1);
95
+ @shadow2-right: 4px 0 10px rgba(0, 0, 0, 0.1);
96
+ @shadow2-left-up: -4px -4px 10px rgba(0, 0, 0, 0.1);
97
+ @shadow2-left-down: -4px 4px 10px rgba(0, 0, 0, 0.1);
98
+ @shadow2-right-up: 4px -4px 10px rgba(0, 0, 0, 0.1);
99
+ @shadow2-right-down: 4px 4px 10px rgba(0, 0, 0, 0.1);
100
+ @shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1);
101
+ @shadow3-up: 0 -8px 20px rgba(0, 0, 0, 0.1);
102
+ @shadow3-down: 0 8px 20px rgba(0, 0, 0, 0.1);
103
+ @shadow3-left: -8px 0 20px rgba(0, 0, 0, 0.1);
104
+ @shadow3-right: 8px 0 20px rgba(0, 0, 0, 0.1);
105
+ @shadow3-left-up: -8px -8px 20px rgba(0, 0, 0, 0.1);
106
+ @shadow3-left-down: -8px 8px 20px rgba(0, 0, 0, 0.1);
107
+ @shadow3-right-up: 8px -8px 20px rgba(0, 0, 0, 0.1);
108
+ @shadow3-right-down: 8px 8px 20px rgba(0, 0, 0, 0.1);
109
+ @shadow-distance-none: 0;
110
+ @shadow-distance-1: 1px;
111
+ @shadow-distance-2: 2px;
112
+ @shadow-distance-3: 3px;
113
+ @shadow-distance-4: 4px;
114
+ @font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
115
+ @font-size-display-3: 56px;
116
+ @font-size-display-2: 48px;
117
+ @font-size-display-1: 36px;
118
+ @font-size-title-3: 24px;
119
+ @font-size-title-2: 20px;
120
+ @font-size-title-1: 16px;
121
+ @font-size-body-3: 14px;
122
+ @font-size-body-2: 13px;
123
+ @font-size-body-1: 12px;
124
+ @font-size-caption: 12px;
125
+ @font-weight-900: 900;
126
+ @font-weight-800: 800;
127
+ @font-weight-700: 700;
128
+ @font-weight-600: 600;
129
+ @font-weight-500: 500;
130
+ @font-weight-400: 400;
131
+ @font-weight-300: 300;
132
+ @font-weight-200: 200;
133
+ @font-weight-100: 100;
134
+ @size-1: 4px;
135
+ @size-2: 8px;
136
+ @size-3: 12px;
137
+ @size-4: 16px;
138
+ @size-5: 20px;
139
+ @size-6: 24px;
140
+ @size-7: 28px;
141
+ @size-8: 32px;
142
+ @size-9: 36px;
143
+ @size-10: 40px;
144
+ @size-11: 44px;
145
+ @size-12: 48px;
146
+ @size-13: 52px;
147
+ @size-14: 56px;
148
+ @size-15: 60px;
149
+ @size-16: 64px;
150
+ @size-17: 68px;
151
+ @size-18: 72px;
152
+ @size-19: 76px;
153
+ @size-20: 80px;
154
+ @size-21: 84px;
155
+ @size-22: 88px;
156
+ @size-23: 92px;
157
+ @size-24: 96px;
158
+ @size-25: 100px;
159
+ @size-26: 104px;
160
+ @size-27: 108px;
161
+ @size-28: 112px;
162
+ @size-29: 116px;
163
+ @size-30: 120px;
164
+ @size-31: 124px;
165
+ @size-32: 128px;
166
+ @size-33: 132px;
167
+ @size-34: 136px;
168
+ @size-35: 140px;
169
+ @size-36: 144px;
170
+ @size-37: 148px;
171
+ @size-38: 152px;
172
+ @size-39: 156px;
173
+ @size-40: 160px;
174
+ @size-41: 164px;
175
+ @size-42: 168px;
176
+ @size-43: 172px;
177
+ @size-44: 176px;
178
+ @size-45: 180px;
179
+ @size-46: 184px;
180
+ @size-47: 188px;
181
+ @size-48: 192px;
182
+ @size-49: 196px;
183
+ @size-50: 200px;
184
+ @spacing-none: 0;
185
+ @spacing-1: 2px;
186
+ @spacing-2: 4px;
187
+ @spacing-3: 6px;
188
+ @spacing-4: 8px;
189
+ @spacing-5: 10px;
190
+ @spacing-6: 12px;
191
+ @spacing-7: 16px;
192
+ @spacing-8: 20px;
193
+ @spacing-9: 24px;
194
+ @spacing-10: 32px;
195
+ @spacing-11: 36px;
196
+ @spacing-12: 40px;
197
+ @spacing-13: 48px;
198
+ @spacing-14: 56px;
199
+ @spacing-15: 60px;
200
+ @spacing-16: 64px;
201
+ @spacing-17: 72px;
202
+ @spacing-18: 80px;
203
+ @spacing-19: 84px;
204
+ @spacing-20: 96px;
205
+ @spacing-21: 100px;
206
+ @spacing-22: 120px;
207
+ @size-mini: @size-6;
208
+ @size-small: @size-7;
209
+ @size-default: @size-8;
210
+ @size-large: @size-9;
211
+ @upload-prefix-cls: ~'@{prefix}-upload';
212
+ @steps-prefix-cls: ~'@{prefix}-steps';
213
+ @image-prefix-cls: ~'@{prefix}-image';
214
+ @resizebox-prefix-cls: ~'@{prefix}-resizebox';
215
+ @card-prefix-cls: ~'@{prefix}-card';
216
+ @breadcrumb-prefix-cls: ~'@{prefix}-breadcrumb';
217
+ @avatar-prefix-cls: ~'@{prefix}-avatar';
218
+ @dropdown-prefix-cls: ~'@{prefix}-dropdown';
219
+ @list-prefix-cls: ~'@{prefix}-list';
220
+ @page-header-prefix-cls: ~'@{prefix}-page-header';
221
+ @table-prefix-cls: ~'@{prefix}-table';
222
+ @spin-prefix-cls: ~'@{prefix}-spin';
223
+ @statistic-prefix-cls: ~'@{prefix}-statistic';
224
+ @descriptions-prefix-cls: ~'@{prefix}-descriptions';
225
+ @timeline-prefix-cls: ~'@{prefix}-timeline';
226
+ @tag-prefix-cls: ~'@{prefix}-tag';
227
+ @switch-prefix-cls: ~'@{prefix}-switch';
228
+ @collapse-prefix-cls: ~'@{prefix}-collapse';
229
+ @input-tag-prefix-cls: ~'@{prefix}-input-tag';
230
+ @comment-prefix-cls: ~'@{prefix}-comment';
231
+ @input-prefix-cls: ~'@{prefix}-input';
232
+ @result-prefix-cls: ~'@{prefix}-result';
233
+ @input-number-prefix-cls: ~'@{prefix}-input-number';
234
+ @tree-select-prefix-cls: ~'@{prefix}-tree-select';
235
+ @btn-prefix-cls: ~'@{prefix}-btn';
236
+ @cascader-prefix-cls: ~'@{prefix}-cascader';
237
+ @select-prefix-cls: ~'@{prefix}-select';
238
+ @menu-prefix-cls: ~'@{prefix}-menu';
239
+ @transfer-prefix-cls: ~'@{prefix}-transfer';
240
+ @anchor-prefix-cls: ~'@{prefix}-anchor';
241
+ @picker-prefix-cls: ~'@{prefix}-picker';
242
+ @date-panel-prefix-cls: ~'@{prefix}-panel-date';
243
+ @time-picker-prefix-cls: ~'@{prefix}-timepicker';
244
+ @quarter-panel-prefix-cls: ~'@{prefix}-panel-quarter';
245
+ @year-panel-prefix-cls: ~'@{prefix}-panel-year';
246
+ @week-panel-prefix-cls: ~'@{prefix}-panel-week';
247
+ @range-picker-prefix-cls: ~'@{prefix}-picker-range';
248
+ @date-picker-prefix-cls: ~'@{prefix}-datepicker';
249
+ @modal-prefix-cls: ~'@{prefix}-modal';
250
+ @drawer-prefix-cls: ~'@{prefix}-drawer';
251
+ @auto-complete-prefix-cls: ~'@{prefix}-autocomplete';
252
+ @tabs-prefix-cls: ~'@{prefix}-tabs';
253
+ @checkbox-prefix-cls: ~'@{prefix}-checkbox';
254
+ @form-prefix-cls: ~'@{prefix}-form';
255
+ @radio-prefix-cls: ~'@{prefix}-radio';
256
+ @link-prefix-cls: ~'@{prefix}-link';
257
+ @divider-prefix-cls: ~'@{prefix}-divider';
258
+ @tooltip-prefix-cls: ~'@{prefix}-tooltip';
259
+ @popover-prefix-cls: ~'@{prefix}-popover';
260
+ @popconfirm-prefix-cls: ~'@{prefix}-popconfirm';
261
+ @message-prefix-cls: ~'@{prefix}-message';
262
+ @notification-prefix-cls: ~'@{prefix}-notification';
263
+ @tree-prefix-cls: ~'@{prefix}-tree';
264
+ @alert-prefix-cls: ~'@{prefix}-alert';
265
+ @pagination-prefix-cls: ~'@{prefix}-pagination';
266
+ @progress-prefix-cls: ~'@{prefix}-progress';
267
+ @empty-prefix-cls: ~'@{prefix}-empty';
268
+ @slider-prefix: ~'@{prefix}-slider';
269
+ @typography-prefix-cls: ~'@{prefix}-typography';
270
+ @month-panel-prefix-cls: ~'@{prefix}-panel-month';
271
+ @red-4: #F98981;
272
+ @red-1: #FFECE8;
273
+ @orange-2: #FFE4BA;
274
+ @orangered-10: #4D0E00;
275
+ @red-2: #FDCDC5;
276
+ @orange-8: #A64500;
277
+ @orange-9: #792E00;
278
+ @orange-7: #D25F00;
279
+ @red-9: #770813;
280
+ @orange-6: #ff7d00;
281
+ @orangered-6: #f77234;
282
+ @orangered-7: #CC5120;
283
+ @orangered-2: #FDDDC3;
284
+ @orange-3: #FFCF8B;
285
+ @red-3: #FBACA3;
286
+ @orange-10: #4D1B00;
287
+ @orangered-4: #FAAC7B;
288
+ @red-7: #CB272D;
289
+ @red-10: #4D000A;
290
+ @red-5: #F76560;
291
+ @gold-10: #4D2D00;
292
+ @yellow-10: #4D3800;
293
+ @red-6: #f53f3f;
294
+ @orangered-3: #FCC59F;
295
+ @orange-1: #FFF7E8;
296
+ @orange-5: #FF9A2E;
297
+ @orangered-1: #FFF3E8;
298
+ @orangered-8: #A23511;
299
+ @red-8: #A1151E;
300
+ @yellow-8: #A38408;
301
+ @orangered-9: #771F06;
302
+ @gold-9: #774B04;
303
+ @gold-8: #A26D0A;
304
+ @lime-8: #5F940A;
305
+ @green-6: #00b42a;
306
+ @yellow-9: #785D03;
307
+ @lime-9: #437004;
308
+ @cyan-8: #07828B;
309
+ @green-4: #4CD263;
310
+ @green-9: #006622;
311
+ @cyan-9: #03616C;
312
+ @orangered-5: #F99057;
313
+ @green-3: #7BE188;
314
+ @lime-10: #2A4D00;
315
+ @green-10: #004D1C;
316
+ @green-7: #009A29;
317
+ @green-5: #23C343;
318
+ @green-1: #E8FFEA;
319
+ @green-8: #008026;
320
+ @cyan-10: #00424D;
321
+ @green-2: #AFF0B5;
322
+ @arcoblue-1: #E8F3FF;
323
+ @arcoblue-6: #165dff;
324
+ @blue-9: #063078;
325
+ @arcoblue-2: #BEDAFF;
326
+ @arcoblue-4: #6AA1FF;
327
+ @arcoblue-3: #94BFFF;
328
+ @blue-8: #114BA3;
329
+ @blue-10: #001A4D;
330
+ @blue-7: #206CCF;
331
+ @arcoblue-8: #072CA6;
332
+ @purple-10: #16004D;
333
+ @arcoblue-9: #031A79;
334
+ @pinkpurple-8: #8A0993;
335
+ @pinkpurple-10: #42004D;
336
+ @purple-8: #3C108F;
337
+ @magenta-9: #77064F;
338
+ @magenta-8: #A11069;
339
+ @arcoblue-5: #4080FF;
340
+ @arcoblue-7: #0E42D2;
341
+ @arcoblue-10: #000D4D;
342
+ @purple-9: #27066E;
343
+ @pinkpurple-9: #650370;
344
+ @dark-red-10: #FFF0EC;
345
+ @dark-orangered-9: #FDDEC5;
346
+ @dark-orange-4: #D26913;
347
+ @dark-green-1: #004D1C;
348
+ @dark-blue-9: #C6E8FE;
349
+ @dark-purple-6: #8E51DA;
350
+ @dark-pinkpurple-5: #D92ED9;
351
+ @dark-green-4: #129A37;
352
+ @magenta-10: #4D0034;
353
+ @dark-lime-7: #CBE970;
354
+ @dark-yellow-3: #A38614;
355
+ @dark-orangered-1: #4D0E00;
356
+ @dark-gold-3: #A26F0F;
357
+ @dark-orange-7: #FFB357;
358
+ @dark-cyan-4: #1FA6AA;
359
+ @dark-yellow-6: #FBE94B;
360
+ @dark-red-5: #F54E4E;
361
+ @dark-purple-9: #DFC2F6;
362
+ @dark-magenta-10: #FFE8F1;
363
+ @dark-orangered-8: #FCC6A1;
364
+ @dark-red-2: #770611;
365
+ @dark-gold-2: #774B04;
366
+ @dark-orangered-7: #FAAD7D;
367
+ @dark-arcoblue-9: #BEDAFF;
368
+ @dark-gold-7: #FADC6C;
369
+ @dark-lime-2: #447006;
370
+ @dark-gold-1: #4D2D00;
371
+ @dark-orangered-3: #A23714;
372
+ @dark-cyan-5: #30C9C9;
373
+ @dark-red-3: #A1161F;
374
+ @dark-orange-1: #4D1B00;
375
+ @dark-red-7: #F98D86;
376
+ @dark-lime-9: #EEF8C2;
377
+ @dark-cyan-2: #06616C;
378
+ @dark-purple-2: #27066E;
379
+ @dark-pinkpurple-9: #F7C1F0;
380
+ @dark-arcoblue-7: #689FFF;
381
+ @dark-red-6: #F76965;
382
+ @dark-arcoblue-4: #1D4DD2;
383
+ @dark-yellow-7: #FCF374;
384
+ @dark-red-9: #FDD1CA;
385
+ @dark-yellow-9: #FEFEC6;
386
+ @dark-magenta-1: #4D0034;
387
+ @dark-gray-4: #5f5f60;
388
+ @dark-yellow-2: #785E07;
389
+ @dark-pinkpurple-3: #8A0D93;
390
+ @dark-gold-5: #F7C034;
391
+ @dark-primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
392
+ @dark-arcoblue-8: #93BEFF;
393
+ @dark-green-8: #7EE18B;
394
+ @dark-arcoblue-3: #0E32A6;
395
+ @success-6: rgb(38, 172, 128);
396
+ @dark-gray-1: #17171a;
397
+ @dark-yellow-4: #CFB325;
398
+ @dark-primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
399
+ @dark-purple-10: #F7EDFF;
400
+ @success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
401
+ @dark-orange-3: #A64B0A;
402
+ @dark-gray-6: #929293;
403
+ @dark-yellow-1: #4D3800;
404
+ @dark-orange-2: #793004;
405
+ @dark-orange-10: #FFF7E8;
406
+ @dark-pinkpurple-7: #E866DF;
407
+ @dark-gold-9: #FDF4BE;
408
+ @dark-orange-5: #FF8D1F;
409
+ @dark-blue-8: #A1D5FD;
410
+ @dark-orangered-10: #FFF4EB;
411
+ @primary-1: rgb(241, 225, 237);
412
+ @dark-red-8: #FBB0A7;
413
+ @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
414
+ @primary-4: rgb(208, 173, 206);
415
+ @dark-lime-10: #FDFFEE;
416
+ @dark-gray-5: #78787a;
417
+ @dark-yellow-5: #FAE13C;
418
+ @dark-magenta-3: #A1176C;
419
+ @dark-arcoblue-5: #306FFF;
420
+ @success-5: rgb(74, 184, 147);
421
+ @dark-lime-4: #84B723;
422
+ @dark-magenta-7: #F97AB8;
423
+ @dark-yellow-8: #FDFA9D;
424
+ @dark-magenta-2: #770850;
425
+ @dark-green-7: #50D266;
426
+ @dark-success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
427
+ @dark-blue-3: #134CA3;
428
+ @dark-blue-1: #001A4D;
429
+ @dark-pinkpurple-1: #42004D;
430
+ @dark-primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
431
+ @dark-pinkpurple-2: #650370;
432
+ @dark-green-5: #1DB440;
433
+ @dark-purple-1: #16004D;
434
+ @dark-magenta-6: #F756A9;
435
+ @dark-pinkpurple-8: #F092E6;
436
+ @dark-red-1: #4D000A;
437
+ @dark-purple-4: #5A25B0;
438
+ @dark-green-9: #B2F0B7;
439
+ @primary-6: rgb(146, 62, 134);
440
+ @dark-pinkpurple-6: #E13DDB;
441
+ @dark-cyan-6: #3FD4CF;
442
+ @dark-primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
443
+ @dark-primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
444
+ @dark-cyan-8: #90E9E1;
445
+ @dark-cyan-3: #11838B;
446
+ @danger-6: rgb(225, 37, 27);
447
+ @dark-lime-1: #2A4D00;
448
+ @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
449
+ @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
450
+ @dark-orange-8: #FFCD87;
451
+ @success-4: rgb(193, 227, 216);
452
+ @dark-cyan-7: #66DFD7;
453
+ @success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
454
+ @success-1: rgb(252, 164, 2);
455
+ @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
456
+ @dark-cyan-1: #00424D;
457
+ @dark-gray-2: #2e2e30;
458
+ @dark-lime-3: #629412;
459
+ @success-3: rgb(112, 193, 166);
460
+ @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
461
+ @dark-gold-8: #FCE995;
462
+ @dark-arcoblue-1: #000D4D;
463
+ @dark-blue-6: #5AAAFB;
464
+ @dark-orangered-5: #F77E45;
465
+ @dark-red-4: #CB2E34;
466
+ @dark-purple-7: #A974E3;
467
+ @dark-primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
468
+ @warning-4: rgb(253, 227, 177);
469
+ @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
470
+ @dark-lime-5: #A8DB39;
471
+ @danger-1: rgb(250, 236, 235);
472
+ @dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
473
+ @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
474
+ @dark-blue-5: #469AFA;
475
+ @dark-purple-8: #C59AED;
476
+ @dark-arcoblue-6: #3C7EFF;
477
+ @dark-gold-6: #F9CC44;
478
+ @dark-gray-9: #dfdfdf;
479
+ @dark-warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
480
+ @dark-pinkpurple-10: #FFF2FD;
481
+ @dark-yellow-10: #FEFFF0;
482
+ @dark-green-10: #EBFFEC;
483
+ @dark-green-3: #0A802D;
484
+ @dark-orangered-2: #771E05;
485
+ @warning-5: rgb(255, 177, 33);
486
+ @primary-7: rgb(122, 18, 107);
487
+ @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
488
+ @dark-cyan-9: #BEF4ED;
489
+ @link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
490
+ @dark-magenta-4: #CB2B88;
491
+ @warning-1: rgb(248, 239, 224);
492
+ @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
493
+ @success-7: rgb(11, 147, 102);
494
+ @dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
495
+ @dark-primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
496
+ @dark-gold-10: #FFFCE8;
497
+ @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
498
+ @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
499
+ @dark-magenta-9: #FDC3DB;
500
+ @danger-5: rgb(245, 128, 107);
501
+ @dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
502
+ @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
503
+ @primary-2: rgb(234, 214, 229);
504
+ @dark-cyan-10: #F0FFFC;
505
+ @dark-gray-10: #f6f6f6;
506
+ @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
507
+ @link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
508
+ @dark-green-2: #046625;
509
+ @dark-danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
510
+ @link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
511
+ @dark-danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
512
+ @dark-gray-8: #c5c5c5;
513
+ @dark-magenta-8: #FB9EC8;
514
+ @dark-success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
515
+ @dark-danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
516
+ @dark-lime-8: #DEF198;
517
+ @dark-arcoblue-10: #EAF4FF;
518
+ @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
519
+ @danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
520
+ @dark-link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
521
+ @link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
522
+ @dark-gray-7: #ababac;
523
+ @dark-danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
524
+ @link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
525
+ @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
526
+ @dark-magenta-5: #F545A6;
527
+ @dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
528
+ @dark-lime-6: #B8E24B;
529
+ @warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
530
+ @link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
531
+ @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
532
+ @primary-5: rgb(170, 106, 162);
533
+ @dark-orange-9: #FFE3B8;
534
+ @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
535
+ @primary-3: rgb(217, 193, 216);
536
+ @warning-3: rgb(255, 205, 111);
537
+ @dark-orange-6: #FF9626;
538
+ @dark-purple-5: #7B3DD1;
539
+ @dark-orangered-4: #CC5729;
540
+ @dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
541
+ @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
542
+ @dark-blue-2: #052F78;
543
+ @dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
544
+ @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
545
+ @danger-3: rgb(253, 193, 182);
546
+ @dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
547
+ @dark-link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
548
+ @warning-7: rgb(226, 140, 0);
549
+ @dark-blue-4: #2971CF;
550
+ @dark-gray-3: #484849;
551
+ @dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
552
+ @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
553
+ @dark-pinkpurple-4: #B01BB6;
554
+ @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
555
+ @danger-7: rgb(184, 37, 46);
556
+ @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
557
+ @dark-purple-3: #3E138F;
558
+ @dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
559
+ @dark-green-6: #27C346;
560
+ @dark-danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
561
+ @dark-link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
562
+ @dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
563
+ @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
564
+ @dark-arcoblue-2: #041B79;
565
+ @danger-4: rgb(250, 217, 214);
566
+ @link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
567
+ @link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
568
+ @dark-blue-7: #7DC1FC;
569
+ @dark-orangered-6: #F9925A;
570
+ @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
571
+ @danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
572
+ @dark-link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
573
+ @dark-danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
574
+ @warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
575
+ @dark-link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
576
+ @dark-blue-10: #EAF8FF;
577
+ @dark-warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
578
+ @dark-gold-4: #CC961F;
579
+ @dark-success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
580
+ @dark-link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
581
+ @dark-success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
582
+ @danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
583
+ @dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
584
+ @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
585
+ @orange-4: #FFB65D;
586
+ @dark-color-text-1: rgba(255, 255, 255, 0.9);
587
+ @color-text-1: rgb(18, 18, 18);
588
+ @color-bg-white: #ffffff;
589
+ @color-white: #ffffff;
590
+ @dark-color-text-2: rgba(255, 255, 255, 0.7);
591
+ @dark-color-white: rgba(255, 255, 255, 0.9);
592
+ @color-text-3: rgb(141, 141, 141);
593
+ @color-text-2: rgb(82, 82, 82);
594
+ @color-text-4: rgb(198, 198, 198);
595
+ @dark-color-text-3: rgba(255, 255, 255, 0.5);
596
+ @color-border-2: rgb(193, 199, 205);
597
+ @color-fill-4: rgb(193, 199, 205);
598
+ @color-fill-2: rgb(242, 244, 248);
599
+ @color-fill-3: rgb(221, 225, 230);
600
+ @dark-color-bg-1: #17171A;
601
+ @dark-color-fill-4: rgba(255, 255, 255, 0.16);
602
+ @dark-color-bg-white: #f6f6f6;
603
+ @dark-color-border-1: @dark-gray-2;
604
+ @color-bg-1: #ffffff;
605
+ @color-border-1: rgb(242, 244, 248);
606
+ @dark-color-border-2: @dark-gray-3;
607
+ @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
608
+ @dark-color-border-4: @dark-gray-6;
609
+ @dark-color-fill-1: rgba(255, 255, 255, 0.04);
610
+ @color-border-4: rgb(141, 141, 141);
611
+ @dark-color-fill-2: rgba(255, 255, 255, 0.08);
612
+ @dark-color-border-3: @dark-gray-4;
613
+ @dark-color-fill-3: rgba(255, 255, 255, 0.12);
614
+ @color-bg-3: #ffffff;
615
+ @dark-color-bg-2: #232324;
616
+ @dark-color-bg-4: #313132;
617
+ @dark-color-bg-5: #373739;
618
+ @color-bg-5: #ffffff;
619
+ @color-bg-4: #ffffff;
620
+ @dark-color-bg-3: #2a2a2b;
621
+ @color-bg-2: #ffffff;
622
+ @color-border-3: rgb(193, 199, 205);
623
+ @textarea-prefix-cls: ~'@{prefix}-textarea';
624
+ @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
625
+ @color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
626
+ @color-link-10: rgb(var(~'@{arco-cssvars-prefix}-link-10'));
627
+ @color-primary-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
628
+ @color-primary-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
629
+ @color-link-5: rgb(var(~'@{arco-cssvars-prefix}-link-5'));
630
+ @color-danger-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
631
+ @color-link-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
632
+ @color-link-8: rgb(var(~'@{arco-cssvars-prefix}-link-8'));
633
+ @color-warning-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
634
+ @color-warning-7: rgb(var(~'@{arco-cssvars-prefix}-warning-7'));
635
+ @color-link-9: rgb(var(~'@{arco-cssvars-prefix}-link-9'));
636
+ @color-primary-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
637
+ @color-danger-10: rgb(var(~'@{arco-cssvars-prefix}-danger-10'));
638
+ @color-success-9: rgb(var(~'@{arco-cssvars-prefix}-success-9'));
639
+ @color-success-8: rgb(var(~'@{arco-cssvars-prefix}-success-8'));
640
+ @color-danger-8: rgb(var(~'@{arco-cssvars-prefix}-danger-8'));
641
+ @color-success-5: rgb(var(~'@{arco-cssvars-prefix}-success-5'));
642
+ @color-warning-8: rgb(var(~'@{arco-cssvars-prefix}-warning-8'));
643
+ @color-success-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
644
+ @color-link-6: rgb(var(~'@{arco-cssvars-prefix}-link-6'));
645
+ @color-warning-9: rgb(var(~'@{arco-cssvars-prefix}-warning-9'));
646
+ @color-danger-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
647
+ @color-primary-6: rgb(var(~'@{arco-cssvars-prefix}-primary-6'));
648
+ @color-warning-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
649
+ @color-primary-7: rgb(var(~'@{arco-cssvars-prefix}-primary-7'));
650
+ @color-warning-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
651
+ @color-danger-5: rgb(var(~'@{arco-cssvars-prefix}-danger-5'));
652
+ @color-primary-8: rgb(var(~'@{arco-cssvars-prefix}-primary-8'));
653
+ @color-warning-6: rgb(var(~'@{arco-cssvars-prefix}-warning-6'));
654
+ @color-danger-9: rgb(var(~'@{arco-cssvars-prefix}-danger-9'));
655
+ @color-success-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
656
+ @color-success-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
657
+ @color-danger-7: rgb(var(~'@{arco-cssvars-prefix}-danger-7'));
658
+ @color-warning-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
659
+ @color-warning-5: rgb(var(~'@{arco-cssvars-prefix}-warning-5'));
660
+ @color-link-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
661
+ @color-danger-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
662
+ @color-link-7: rgb(var(~'@{arco-cssvars-prefix}-link-7'));
663
+ @color-primary-9: rgb(var(~'@{arco-cssvars-prefix}-primary-9'));
664
+ @color-link-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
665
+ @color-warning-10: rgb(var(~'@{arco-cssvars-prefix}-warning-10'));
666
+ @color-success-7: rgb(var(~'@{arco-cssvars-prefix}-success-7'));
667
+ @color-primary-10: rgb(var(~'@{arco-cssvars-prefix}-primary-10'));
668
+ @color-danger-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
669
+ @color-success-10: rgb(var(~'@{arco-cssvars-prefix}-success-10'));
670
+ @color-link-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
671
+ @color-success-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
672
+ @color-danger-6: rgb(var(~'@{arco-cssvars-prefix}-danger-6'));
673
+ @color-success-6: rgb(var(~'@{arco-cssvars-prefix}-success-6'));
674
+ @dark-color-menu-dark-hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
675
+ @color-black: #000000;
676
+ @color-primary-light-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
677
+ @color-spin-layer-bg: rgba(255, 255, 255, 0.6);
678
+ @color-tooltip-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-10'));
679
+ @color-primary-light-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
680
+ @dark-color-tooltip-bg: #373739;
681
+ @color-bg-popup: var(~'@{arco-cssvars-prefix}-color-bg-5');
682
+ @color-secondary: var(~'@{arco-cssvars-prefix}-color-neutral-2');
683
+ @dark-mask-color-bg: rgba(23, 23, 26, 0.6);
684
+ @color-primary-light-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
685
+ @dark-color-spin-layer-bg: rgba(51, 51, 51, 0.6);
686
+ @dark-color-black: #000000;
687
+ @color-secondary-hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
688
+ @color-primary-light-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
689
+ @color-border: rgb(var(~'@{arco-cssvars-prefix}-gray-3'));
690
+ @color-menu-dark-hover: rgba(255, 255, 255, 0.04);
691
+ @mask-color-bg: rgba(29, 33, 41, 0.6);
692
+ @color-secondary-active: var(~'@{arco-cssvars-prefix}-color-neutral-4');
693
+ @color-danger-light-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
694
+ @color-danger-light-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
695
+ @color-secondary-disabled: var(~'@{arco-cssvars-prefix}-color-neutral-1');
696
+ @color-danger-light-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
697
+ @color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
698
+ @color-danger-light-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
699
+ @color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
700
+ @color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
701
+ @color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
702
+ @color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
703
+ @color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
704
+ @color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
705
+ @dark-color-border: #333335;
706
+ @color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
707
+ @dark-color-primary-light-1: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.2);
708
+ @dark-color-primary-light-4: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.65);
709
+ @dark-color-secondary: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
710
+ @dark-color-primary-light-2: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.35);
711
+ @dark-color-secondary-disabled: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
712
+ @dark-color-secondary-active: rgba(var(~'@{arco-cssvars-prefix}-gray-7'), 0.24);
713
+ @dark-color-secondary-hover: rgba(var(~'@{arco-cssvars-prefix}-gray-8'), 0.16);
714
+ @dark-color-text-4: rgba(255, 255, 255, 0.3);
715
+ @dark-color-primary-light-3: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.5);
716
+ @dark-color-danger-light-1: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.2);
717
+ @dark-color-danger-light-2: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.35);
718
+ @dark-color-danger-light-3: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.5);
719
+ @dark-color-danger-light-4: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.65);
720
+ @dark-color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.2);
721
+ @dark-color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.35);
722
+ @dark-color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.5);
723
+ @dark-color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.65);
724
+ @dark-color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.2);
725
+ @dark-color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.35);
726
+ @dark-color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.5);
727
+ @dark-color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.65);
728
+ @color-link-light-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
729
+ @color-link-light-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
730
+ @color-link-light-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
731
+ @color-link-light-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
732
+ @dark-color-link-light-1: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.2);
733
+ @dark-color-link-light-2: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.35);
734
+ @dark-color-link-light-3: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.5);
735
+ @dark-color-link-light-4: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.65);
736
+ @opacity-none: 0;
737
+ @opacity-1: 10%;
738
+ @opacity-2: 20%;
739
+ @opacity-3: 30%;
740
+ @opacity-4: 40%;
741
+ @opacity-5: 50%;
742
+ @opacity-6: 60%;
743
+ @opacity-7: 70%;
744
+ @opacity-8: 80%;
745
+ @opacity-9: 90%;
746
+ @opacity-10: 100%;
747
+ @mask-bg-opacity: 60%;
748
+ @transition-duration-1: 0.1s;
749
+ @transition-duration-2: 0.2s;
750
+ @transition-duration-3: 0.3s;
751
+ @transition-duration-4: 0.4s;
752
+ @transition-duration-5: 0.5s;
753
+ @transition-duration-loading: 1s;
754
+ @transition-timing-function-linear: cubic-bezier(0, 0, 1, 1);
755
+ @transition-timing-function-standard: cubic-bezier(0.34, 0.69, 0.1, 1);
756
+ @transition-timing-function-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);
757
+ @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
758
+ @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
759
+ @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
760
+ @icon-hover-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
761
+ @icon-hover-size-default-height: 20px;
762
+ @icon-hover-size-small-height: 20px;
763
+ @icon-hover-size-mini-height: 20px;
764
+ @icon-hover-size-large-height: 24px;
765
+ @icon-hover-size-huge-height: 24px;
766
+ @icon-hover-size-small-icon: 12px;
767
+ @icon-hover-size-mini-icon: 12px;
768
+ @icon-hover-size-default-icon: 12px;
769
+ @icon-hover-size-large-icon: 12px;
770
+ @icon-hover-size-huge-icon: 12px;
771
+ @radius-none: var(~'@{arco-cssvars-prefix}-border-radius-none');
772
+ @radius-small: var(~'@{arco-cssvars-prefix}-border-radius-small');
773
+ @radius-medium: var(~'@{arco-cssvars-prefix}-border-radius-medium');
774
+ @radius-large: var(~'@{arco-cssvars-prefix}-border-radius-large');
775
+ @radius-circle: var(~'@{arco-cssvars-prefix}-border-radius-circle');
776
+ @code-family: Consolas, Menlo;
777
+ @z-index-popup-base: 1000;
778
+ @z-index-affix: 999;
779
+ @z-index-popup: 1000;
780
+ @z-index-drawer: 1001;
781
+ @z-index-modal: 1001;
782
+ @z-index-message: 1003;
783
+ @z-index-notification: 1003;
784
+ @z-index-image-preview: 1001;
785
+ @line-height-base: 1.5715;
786
+ @popup-box-shadow-base: 0 2px 5px rgba(0, 0, 0, 0.1);
787
+ @color-transparent: transparent;
788
+ @prefix: arco;
789
+ @badge-prefix-cls: ~'@{prefix}-badge';
790
+ @calendar-prefix-cls: ~'@{prefix}-calendar';
791
+ @rate-prefix-cls: ~'@{prefix}-rate';
792
+ @font-size-body: @font-size-body-3;
793
+ @size-none: 0;
794
+ @border-4: 4px;
795
+ @border-5: 5px;
796
+ @arco-theme-tag: body;
797
+ @skeleton-prefix-cls: ~'@{prefix}-skeleton';
798
+ @arco-vars-prefix: ~'';
799
+ @arco-cssvars-prefix: if(@arco-vars-prefix = ~'', -, ~'--@{arco-vars-prefix}');
800
+ @watermark-prefix-cls: ~'@{prefix}-watermark';
801
+ @verification-code-prefix-cls: ~'@{prefix}-verification-code';
802
+ @color-prefix-cls: ~'@{prefix}-color';
803
+ @dark-lenovored-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
804
+ @lenovored-4: rgb(250, 217, 214);
805
+ @color-lenovored-6: rgb(var(~'@{arco-cssvars-prefix}-lenovored-6'));
806
+ @color-lenovored-10: rgb(var(~'@{arco-cssvars-prefix}-lenovored-10'));
807
+ @dark-lenovored-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
808
+ @lenovored-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
809
+ @lenovored-3: rgb(253, 193, 182);
810
+ @color-lenovored-2: rgb(var(~'@{arco-cssvars-prefix}-lenovored-2'));
811
+ @color-lenovored-1: rgb(var(~'@{arco-cssvars-prefix}-lenovored-1'));
812
+ @lenovored-7: rgb(184, 37, 46);
813
+ @color-lenovored-3: rgb(var(~'@{arco-cssvars-prefix}-lenovored-3'));
814
+ @lenovored-1: rgb(250, 217, 214);
815
+ @lenovored-5: rgb(245, 128, 107);
816
+ @lenovored-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
817
+ @dark-lenovored-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
818
+ @dark-lenovored-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
819
+ @dark-lenovored-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
820
+ @color-lenovored-5: rgb(var(~'@{arco-cssvars-prefix}-lenovored-5'));
821
+ @lenovored-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
822
+ @color-lenovored-4: rgb(var(~'@{arco-cssvars-prefix}-lenovored-4'));
823
+ @color-lenovored-8: rgb(var(~'@{arco-cssvars-prefix}-lenovored-8'));
824
+ @lenovored-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
825
+ @lenovored-6: rgb(225, 37, 27);
826
+ @dark-lenovored-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
827
+ @dark-lenovored-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
828
+ @color-lenovored-7: rgb(var(~'@{arco-cssvars-prefix}-lenovored-7'));
829
+ @dark-lenovored-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
830
+ @dark-lenovored-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
831
+ @dark-lenovored-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
832
+ @color-lenovored-9: rgb(var(~'@{arco-cssvars-prefix}-lenovored-9'));
833
+ @kohlrabiblue-4: rgb(212, 226, 253);
834
+ @kohlrabiblue-1: rgb(239, 245, 254);
835
+ @color-kohlrabiblue-4: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-4'));
836
+ @color-kohlrabiblue-3: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-3'));
837
+ @color-kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-8'));
838
+ @dark-kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
839
+ @kohlrabiblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
840
+ @dark-kohlrabiblue-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
841
+ @dark-kohlrabiblue-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
842
+ @dark-kohlrabiblue-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
843
+ @kohlrabiblue-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
844
+ @dark-kohlrabiblue-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
845
+ @color-kohlrabiblue-6: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-6'));
846
+ @kohlrabiblue-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
847
+ @dark-kohlrabiblue-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
848
+ @color-kohlrabiblue-7: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-7'));
849
+ @color-kohlrabiblue-9: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-9'));
850
+ @dark-kohlrabiblue-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
851
+ @dark-kohlrabiblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
852
+ @kohlrabiblue-5: rgb(89, 137, 247);
853
+ @dark-kohlrabiblue-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
854
+ @color-kohlrabiblue-2: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-2'));
855
+ @dark-kohlrabiblue-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
856
+ @color-kohlrabiblue-1: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-1'));
857
+ @kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
858
+ @kohlrabiblue-3: rgb(174, 200, 251);
859
+ @color-kohlrabiblue-5: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-5'));
860
+ @kohlrabiblue-6: rgb(22, 94, 233);
861
+ @kohlrabiblue-7: rgb(14, 75, 206);
862
+ @color-kohlrabiblue-10: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-10'));
863
+ @dark-nightpurple-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
864
+ @nightpurple-6: rgb(137, 100, 210);
865
+ @dark-nightpurple-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
866
+ @color-nightpurple-5: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-5'));
867
+ @nightpurple-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
868
+ @nightpurple-5: rgb(176, 136, 244);
869
+ @dark-nightpurple-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
870
+ @dark-nightpurple-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
871
+ @nightpurple-3: rgb(183, 152, 249);
872
+ @color-nightpurple-2: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-2'));
873
+ @color-nightpurple-1: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-1'));
874
+ @nightpurple-4: rgb(208, 191, 245);
875
+ @color-nightpurple-7: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-7'));
876
+ @dark-nightpurple-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
877
+ @color-nightpurple-6: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-6'));
878
+ @nightpurple-1: rgb(229, 219, 252);
879
+ @dark-nightpurple-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
880
+ @color-nightpurple-3: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-3'));
881
+ @nightpurple-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
882
+ @dark-nightpurple-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
883
+ @color-nightpurple-4: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-4'));
884
+ @dark-nightpurple-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
885
+ @dark-nightpurple-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
886
+ @color-nightpurple-8: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-8'));
887
+ @nightpurple-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
888
+ @dark-nightpurple-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
889
+ @nightpurple-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
890
+ @color-nightpurple-9: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-9'));
891
+ @nightpurple-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
892
+ @color-nightpurple-10: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-10'));
893
+ @color-skyblue-1: rgb(var(~'@{arco-cssvars-prefix}-skyblue-1'));
894
+ @dark-skyblue-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
895
+ @dark-skyblue-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
896
+ @skyblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
897
+ @dark-skyblue-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
898
+ @skyblue-6: rgb(3, 168, 238);
899
+ @dark-skyblue-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
900
+ @dark-skyblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
901
+ @dark-skyblue-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
902
+ @skyblue-1: rgb(195, 237, 255);
903
+ @color-skyblue-2: rgb(var(~'@{arco-cssvars-prefix}-skyblue-2'));
904
+ @color-skyblue-6: rgb(var(~'@{arco-cssvars-prefix}-skyblue-6'));
905
+ @skyblue-3: rgb(85, 195, 242);
906
+ @color-skyblue-8: rgb(var(~'@{arco-cssvars-prefix}-skyblue-8'));
907
+ @color-skyblue-3: rgb(var(~'@{arco-cssvars-prefix}-skyblue-3'));
908
+ @color-skyblue-4: rgb(var(~'@{arco-cssvars-prefix}-skyblue-4'));
909
+ @skyblue-7: rgb(0, 142, 202);
910
+ @dark-skyblue-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
911
+ @skyblue-5: rgb(48, 185, 242);
912
+ @color-skyblue-7: rgb(var(~'@{arco-cssvars-prefix}-skyblue-7'));
913
+ @skyblue-4: rgb(145, 216, 246);
914
+ @color-skyblue-5: rgb(var(~'@{arco-cssvars-prefix}-skyblue-5'));
915
+ @skyblue-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
916
+ @skyblue-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
917
+ @skyblue-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
918
+ @dark-skyblue-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
919
+ @color-skyblue-10: rgb(var(~'@{arco-cssvars-prefix}-skyblue-10'));
920
+ @dark-skyblue-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
921
+ @color-skyblue-9: rgb(var(~'@{arco-cssvars-prefix}-skyblue-9'));
922
+ @dark-skyblue-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
923
+ @dark-burgundyred-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
924
+ @dark-burgundyred-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
925
+ @color-burgundyred-2: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-2'));
926
+ @burgundyred-4: rgb(234, 214, 229);
927
+ @dark-burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
928
+ @color-burgundyred-4: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-4'));
929
+ @dark-burgundyred-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
930
+ @burgundyred-5: rgb(193, 149, 189);
931
+ @color-burgundyred-1: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-1'));
932
+ @dark-burgundyred-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
933
+ @burgundyred-1: rgb(241, 225, 237);
934
+ @color-burgundyred-6: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-6'));
935
+ @burgundyred-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
936
+ @color-burgundyred-3: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-3'));
937
+ @color-burgundyred-9: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-9'));
938
+ @dark-burgundyred-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
939
+ @dark-burgundyred-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
940
+ @color-burgundyred-5: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-5'));
941
+ @burgundyred-3: rgb(208, 173, 206);
942
+ @burgundyred-7: rgb(122, 18, 107);
943
+ @burgundyred-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
944
+ @dark-burgundyred-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
945
+ @color-burgundyred-7: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-7'));
946
+ @color-burgundyred-10: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-10'));
947
+ @burgundyred-6: rgb(146, 62, 134);
948
+ @dark-burgundyred-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
949
+ @color-burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-8'));
950
+ @dark-burgundyred-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
951
+ @burgundyred-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
952
+ @burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
953
+ @color-gery-2: rgb(var(~'@{arco-cssvars-prefix}-gery-2'));
954
+ @dark-gery-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
955
+ @dark-gery-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
956
+ @gery-5: rgb(171, 168, 177);
957
+ @dark-gery-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
958
+ @gery-4: rgb(211, 207, 213);
959
+ @gery-3: rgb(201, 197, 203);
960
+ @color-gery-3: rgb(var(~'@{arco-cssvars-prefix}-gery-3'));
961
+ @dark-gery-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
962
+ @gery-6: rgb(125, 118, 128);
963
+ @color-gery-8: rgb(var(~'@{arco-cssvars-prefix}-gery-8'));
964
+ @color-gery-6: rgb(var(~'@{arco-cssvars-prefix}-gery-6'));
965
+ @gery-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
966
+ @gery-7: rgb(78, 68, 78);
967
+ @dark-gery-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
968
+ @color-gery-1: rgb(var(~'@{arco-cssvars-prefix}-gery-1'));
969
+ @color-gery-4: rgb(var(~'@{arco-cssvars-prefix}-gery-4'));
970
+ @dark-gery-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
971
+ @dark-gery-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
972
+ @color-gery-7: rgb(var(~'@{arco-cssvars-prefix}-gery-7'));
973
+ @gery-1: rgb(230, 226, 228);
974
+ @dark-gery-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
975
+ @dark-gery-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
976
+ @color-gery-10: rgb(var(~'@{arco-cssvars-prefix}-gery-10'));
977
+ @gery-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
978
+ @color-gery-5: rgb(var(~'@{arco-cssvars-prefix}-gery-5'));
979
+ @gery-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
980
+ @color-gery-9: rgb(var(~'@{arco-cssvars-prefix}-gery-9'));
981
+ @dark-gery-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
982
+ @gery-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
983
+ @btn-secondary-color-text_success: @color-success-6;
984
+ @btn-dashed-color-text: @color-white;
985
+ @btn-dashed-color-text_success: @color-success-6;
986
+ @btn-primary-color-text_success: @color-white;