@arco-themes/vue-zs-admin 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/theme.less ADDED
@@ -0,0 +1,1892 @@
1
+
2
+ .getColorRgbStr(@color) {
3
+ @str: red(@color), green(@color), blue(@color);
4
+ @result: @str;
5
+ }
6
+
7
+ @gray-10: #1d2129;
8
+ @gray-9: #272e3b;
9
+ @gray-8: #4e5969;
10
+ @gray-7: #6b7785;
11
+ @gray-6: #86909c;
12
+ @gray-5: #a9aeb8;
13
+ @gray-4: #c9cdd4;
14
+ @gray-3: #e5e6eb;
15
+ @gray-2: #f2f3f5;
16
+ @gray-1: #f7f8fa;
17
+ @gold-6: #f7ba1e;
18
+ @gold-5: #F9CC45;
19
+ @gold-7: #CC9213;
20
+ @gold-4: #FADC6D;
21
+ @gold-3: #FCE996;
22
+ @gold-2: #FDF4BF;
23
+ @gold-1: #FFFCE8;
24
+ @yellow-6: #fadc19;
25
+ @yellow-7: #CFAF0F;
26
+ @yellow-5: #FBE842;
27
+ @yellow-4: #FCF26B;
28
+ @yellow-3: #FDFA94;
29
+ @yellow-2: #FEFEBE;
30
+ @yellow-1: #FEFFE8;
31
+ @lime-6: #9fdb1d;
32
+ @lime-7: #7EB712;
33
+ @lime-5: #B5E241;
34
+ @lime-4: #C9E968;
35
+ @lime-3: #DCF190;
36
+ @lime-2: #EDF8BB;
37
+ @lime-1: #FCFFE8;
38
+ @cyan-6: #14c9c9;
39
+ @cyan-7: #0DA5AA;
40
+ @cyan-5: #37D4CF;
41
+ @cyan-4: #5EDFD6;
42
+ @cyan-3: #89E9E0;
43
+ @cyan-2: #B7F4EC;
44
+ @cyan-1: #E8FFFB;
45
+ @blue-6: #3491fa;
46
+ @blue-5: #57A9FB;
47
+ @blue-4: #7BC0FC;
48
+ @blue-3: #9FD4FD;
49
+ @blue-2: #C3E7FE;
50
+ @blue-1: #E8F7FF;
51
+ @purple-6: #722ed1;
52
+ @purple-7: #551DB0;
53
+ @purple-5: #8D4EDA;
54
+ @purple-4: #A871E3;
55
+ @purple-3: #C396ED;
56
+ @purple-2: #DDBEF6;
57
+ @purple-1: #F5E8FF;
58
+ @pinkpurple-6: #d91ad9;
59
+ @pinkpurple-7: #B010B6;
60
+ @pinkpurple-5: #E13EDB;
61
+ @pinkpurple-4: #E865DF;
62
+ @pinkpurple-3: #F08EE6;
63
+ @pinkpurple-2: #F7BAEF;
64
+ @pinkpurple-1: #FFE8FB;
65
+ @magenta-6: #f5319d;
66
+ @magenta-7: #CB1E83;
67
+ @magenta-5: #F754A8;
68
+ @magenta-4: #F979B7;
69
+ @magenta-3: #FB9DC7;
70
+ @magenta-2: #FDC2DB;
71
+ @magenta-1: #FFE8F1;
72
+ @border-radius-none: 0;
73
+ @border-radius-small: 4px;
74
+ @border-radius-medium: 8px;
75
+ @border-radius-large: 16px;
76
+ @border-radius-circle: 50%;
77
+ @border-none: 0;
78
+ @border-1: 1px;
79
+ @border-2: 2px;
80
+ @border-3: 3px;
81
+ @border-solid: solid;
82
+ @border-dashed: dashed;
83
+ @border-dotted: dotted;
84
+ @color-menu-light-bg: #ffffff;
85
+ @color-menu-dark-bg: #232324;
86
+ @shadow-none: none;
87
+ @shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);
88
+ @shadow1-center: 0 0 0 0 rgba(0,0,0,0);
89
+ @shadow1-up: 0 2px 8px rgba(0,0,0,0.08);
90
+ @shadow1-down: 0 4px 12px rgba(0,0,0,0.12);
91
+ @shadow1-left: 0 8 24px rgba(0,0,0,0.16);
92
+ @shadow1-right: 0 12 36px rgba(0,0,0,0.2);
93
+ @shadow1-left-up: -2px -2px 5px rgba(0, 0, 0, 0.1);
94
+ @shadow1-left-down: -2px 2px 5px rgba(0, 0, 0, 0.1);
95
+ @shadow1-right-up: 2px -2px 5px rgba(0, 0, 0, 0.1);
96
+ @shadow1-right-down: 2px 2px 5px rgba(0, 0, 0, 0.1);
97
+ @shadow2-center: 0 0 10px rgba(0, 0, 0, 0.1);
98
+ @shadow2-up: 0 -5px 25px 0 rgba(0,0,0,0.03);
99
+ @shadow2-down: 0 4px 10px rgba(0, 0, 0, 0.1);
100
+ @shadow2-left: -4px 0 10px rgba(0, 0, 0, 0.1);
101
+ @shadow2-right: 4px 0 10px rgba(0, 0, 0, 0.1);
102
+ @shadow2-left-up: -4px -4px 10px rgba(0, 0, 0, 0.1);
103
+ @shadow2-left-down: -4px 4px 10px rgba(0, 0, 0, 0.1);
104
+ @shadow2-right-up: 4px -4px 10px rgba(0, 0, 0, 0.1);
105
+ @shadow2-right-down: 4px 4px 10px rgba(0, 0, 0, 0.1);
106
+ @shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1);
107
+ @shadow3-up: 0 -8px 20px rgba(0, 0, 0, 0.1);
108
+ @shadow3-down: 0 8px 20px rgba(0, 0, 0, 0.1);
109
+ @shadow3-left: -8px 0 20px rgba(0, 0, 0, 0.1);
110
+ @shadow3-right: 8px 0 20px rgba(0, 0, 0, 0.1);
111
+ @shadow3-left-up: -8px -8px 20px rgba(0, 0, 0, 0.1);
112
+ @shadow3-left-down: -8px 8px 20px rgba(0, 0, 0, 0.1);
113
+ @shadow3-right-up: 8px -8px 20px rgba(0, 0, 0, 0.1);
114
+ @shadow3-right-down: 8px 8px 20px rgba(0, 0, 0, 0.1);
115
+ @shadow-distance-none: 0;
116
+ @shadow-distance-1: 1px;
117
+ @shadow-distance-2: 2px;
118
+ @shadow-distance-3: 3px;
119
+ @shadow-distance-4: 4px;
120
+ @font-family: PingFang SC,noto sans,Hiragino Sans GB;
121
+ @font-size-display-3: 56px;
122
+ @font-size-display-2: 48px;
123
+ @font-size-display-1: 36px;
124
+ @font-size-title-3: 24px;
125
+ @font-size-title-2: 20px;
126
+ @font-size-title-1: 16px;
127
+ @font-size-body-3: 14px;
128
+ @font-size-body-2: 13px;
129
+ @font-size-body-1: 12px;
130
+ @font-size-caption: 12px;
131
+ @font-weight-900: 900;
132
+ @font-weight-800: 800;
133
+ @font-weight-700: 700;
134
+ @font-weight-600: 600;
135
+ @font-weight-500: 500;
136
+ @font-weight-400: 400;
137
+ @font-weight-300: 300;
138
+ @font-weight-200: 200;
139
+ @font-weight-100: 100;
140
+ @size-1: 4px;
141
+ @size-2: 8px;
142
+ @size-3: 12px;
143
+ @size-4: 16px;
144
+ @size-5: 20px;
145
+ @size-6: 24px;
146
+ @size-7: 28px;
147
+ @size-8: 32px;
148
+ @size-9: 36px;
149
+ @size-10: 40px;
150
+ @size-11: 44px;
151
+ @size-12: 48px;
152
+ @size-13: 52px;
153
+ @size-14: 56px;
154
+ @size-15: 60px;
155
+ @size-16: 64px;
156
+ @size-17: 68px;
157
+ @size-18: 72px;
158
+ @size-19: 76px;
159
+ @size-20: 80px;
160
+ @size-21: 84px;
161
+ @size-22: 88px;
162
+ @size-23: 92px;
163
+ @size-24: 96px;
164
+ @size-25: 100px;
165
+ @size-26: 104px;
166
+ @size-27: 108px;
167
+ @size-28: 112px;
168
+ @size-29: 116px;
169
+ @size-30: 120px;
170
+ @size-31: 124px;
171
+ @size-32: 128px;
172
+ @size-33: 132px;
173
+ @size-34: 136px;
174
+ @size-35: 140px;
175
+ @size-36: 144px;
176
+ @size-37: 148px;
177
+ @size-38: 152px;
178
+ @size-39: 156px;
179
+ @size-40: 160px;
180
+ @size-41: 164px;
181
+ @size-42: 168px;
182
+ @size-43: 172px;
183
+ @size-44: 176px;
184
+ @size-45: 180px;
185
+ @size-46: 184px;
186
+ @size-47: 188px;
187
+ @size-48: 192px;
188
+ @size-49: 196px;
189
+ @size-50: 200px;
190
+ @spacing-none: 0;
191
+ @spacing-1: 2px;
192
+ @spacing-2: 4px;
193
+ @spacing-3: 6px;
194
+ @spacing-4: 8px;
195
+ @spacing-5: 10px;
196
+ @spacing-6: 12px;
197
+ @spacing-7: 16px;
198
+ @spacing-8: 20px;
199
+ @spacing-9: 24px;
200
+ @spacing-10: 32px;
201
+ @spacing-11: 36px;
202
+ @spacing-12: 40px;
203
+ @spacing-13: 48px;
204
+ @spacing-14: 56px;
205
+ @spacing-15: 60px;
206
+ @spacing-16: 64px;
207
+ @spacing-17: 72px;
208
+ @spacing-18: 80px;
209
+ @spacing-19: 84px;
210
+ @spacing-20: 96px;
211
+ @spacing-21: 100px;
212
+ @spacing-22: 120px;
213
+ @size-mini: @size-6;
214
+ @size-small: @size-7;
215
+ @size-default: @size-8;
216
+ @size-large: @size-9;
217
+ @upload-prefix-cls: ~'@{prefix}-upload';
218
+ @steps-prefix-cls: ~'@{prefix}-steps';
219
+ @image-prefix-cls: ~'@{prefix}-image';
220
+ @resizebox-prefix-cls: ~'@{prefix}-resizebox';
221
+ @card-prefix-cls: ~'@{prefix}-card';
222
+ @breadcrumb-prefix-cls: ~'@{prefix}-breadcrumb';
223
+ @avatar-prefix-cls: ~'@{prefix}-avatar';
224
+ @dropdown-prefix-cls: ~'@{prefix}-dropdown';
225
+ @list-prefix-cls: ~'@{prefix}-list';
226
+ @page-header-prefix-cls: ~'@{prefix}-page-header';
227
+ @table-prefix-cls: ~'@{prefix}-table';
228
+ @spin-prefix-cls: ~'@{prefix}-spin';
229
+ @statistic-prefix-cls: ~'@{prefix}-statistic';
230
+ @descriptions-prefix-cls: ~'@{prefix}-descriptions';
231
+ @timeline-prefix-cls: ~'@{prefix}-timeline';
232
+ @tag-prefix-cls: ~'@{prefix}-tag';
233
+ @switch-prefix-cls: ~'@{prefix}-switch';
234
+ @collapse-prefix-cls: ~'@{prefix}-collapse';
235
+ @input-tag-prefix-cls: ~'@{prefix}-input-tag';
236
+ @comment-prefix-cls: ~'@{prefix}-comment';
237
+ @input-prefix-cls: ~'@{prefix}-input';
238
+ @result-prefix-cls: ~'@{prefix}-result';
239
+ @input-number-prefix-cls: ~'@{prefix}-input-number';
240
+ @tree-select-prefix-cls: ~'@{prefix}-tree-select';
241
+ @btn-prefix-cls: ~'@{prefix}-btn';
242
+ @cascader-prefix-cls: ~'@{prefix}-cascader';
243
+ @select-prefix-cls: ~'@{prefix}-select';
244
+ @menu-prefix-cls: ~'@{prefix}-menu';
245
+ @transfer-prefix-cls: ~'@{prefix}-transfer';
246
+ @anchor-prefix-cls: ~'@{prefix}-anchor';
247
+ @picker-prefix-cls: ~'@{prefix}-picker';
248
+ @date-panel-prefix-cls: ~'@{prefix}-panel-date';
249
+ @time-picker-prefix-cls: ~'@{prefix}-timepicker';
250
+ @quarter-panel-prefix-cls: ~'@{prefix}-panel-quarter';
251
+ @year-panel-prefix-cls: ~'@{prefix}-panel-year';
252
+ @week-panel-prefix-cls: ~'@{prefix}-panel-week';
253
+ @range-picker-prefix-cls: ~'@{prefix}-picker-range';
254
+ @date-picker-prefix-cls: ~'@{prefix}-datepicker';
255
+ @modal-prefix-cls: ~'@{prefix}-modal';
256
+ @drawer-prefix-cls: ~'@{prefix}-drawer';
257
+ @auto-complete-prefix-cls: ~'@{prefix}-autocomplete';
258
+ @tabs-prefix-cls: ~'@{prefix}-tabs';
259
+ @checkbox-prefix-cls: ~'@{prefix}-checkbox';
260
+ @form-prefix-cls: ~'@{prefix}-form';
261
+ @radio-prefix-cls: ~'@{prefix}-radio';
262
+ @link-prefix-cls: ~'@{prefix}-link';
263
+ @divider-prefix-cls: ~'@{prefix}-divider';
264
+ @tooltip-prefix-cls: ~'@{prefix}-tooltip';
265
+ @popover-prefix-cls: ~'@{prefix}-popover';
266
+ @popconfirm-prefix-cls: ~'@{prefix}-popconfirm';
267
+ @message-prefix-cls: ~'@{prefix}-message';
268
+ @notification-prefix-cls: ~'@{prefix}-notification';
269
+ @tree-prefix-cls: ~'@{prefix}-tree';
270
+ @alert-prefix-cls: ~'@{prefix}-alert';
271
+ @pagination-prefix-cls: ~'@{prefix}-pagination';
272
+ @progress-prefix-cls: ~'@{prefix}-progress';
273
+ @empty-prefix-cls: ~'@{prefix}-empty';
274
+ @slider-prefix: ~'@{prefix}-slider';
275
+ @typography-prefix-cls: ~'@{prefix}-typography';
276
+ @month-panel-prefix-cls: ~'@{prefix}-panel-month';
277
+ @red-4: #F98981;
278
+ @red-1: #FFECE8;
279
+ @orange-2: #FFE4BA;
280
+ @orangered-10: #4D0E00;
281
+ @red-2: #FDCDC5;
282
+ @orange-8: #A64500;
283
+ @orange-9: #792E00;
284
+ @orange-7: #D25F00;
285
+ @red-9: #770813;
286
+ @orange-6: #ff7d00;
287
+ @orangered-6: #f77234;
288
+ @orangered-7: #CC5120;
289
+ @orangered-2: #FDDDC3;
290
+ @orange-3: #FFCF8B;
291
+ @red-3: #FBACA3;
292
+ @orange-10: #4D1B00;
293
+ @orangered-4: #FAAC7B;
294
+ @red-7: #CB272D;
295
+ @red-10: #4D000A;
296
+ @red-5: #F76560;
297
+ @gold-10: #4D2D00;
298
+ @yellow-10: #4D3800;
299
+ @red-6: #f53f3f;
300
+ @orangered-3: #FCC59F;
301
+ @orange-1: #FFF7E8;
302
+ @orange-5: #FF9A2E;
303
+ @orangered-1: #FFF3E8;
304
+ @orangered-8: #A23511;
305
+ @red-8: #A1151E;
306
+ @yellow-8: #A38408;
307
+ @orangered-9: #771F06;
308
+ @gold-9: #774B04;
309
+ @gold-8: #A26D0A;
310
+ @lime-8: #5F940A;
311
+ @green-6: #00b42a;
312
+ @yellow-9: #785D03;
313
+ @lime-9: #437004;
314
+ @cyan-8: #07828B;
315
+ @green-4: #4CD263;
316
+ @green-9: #006622;
317
+ @cyan-9: #03616C;
318
+ @orangered-5: #F99057;
319
+ @green-3: #7BE188;
320
+ @lime-10: #2A4D00;
321
+ @green-10: #004D1C;
322
+ @green-7: #009A29;
323
+ @green-5: #23C343;
324
+ @green-1: #E8FFEA;
325
+ @green-8: #008026;
326
+ @cyan-10: #00424D;
327
+ @green-2: #AFF0B5;
328
+ @arcoblue-1: #E8F3FF;
329
+ @arcoblue-6: #165dff;
330
+ @blue-9: #063078;
331
+ @arcoblue-2: #BEDAFF;
332
+ @arcoblue-4: #6AA1FF;
333
+ @arcoblue-3: #94BFFF;
334
+ @blue-8: #114BA3;
335
+ @blue-10: #001A4D;
336
+ @blue-7: #206CCF;
337
+ @arcoblue-8: #072CA6;
338
+ @purple-10: #16004D;
339
+ @arcoblue-9: #031A79;
340
+ @pinkpurple-8: #8A0993;
341
+ @pinkpurple-10: #42004D;
342
+ @purple-8: #3C108F;
343
+ @magenta-9: #77064F;
344
+ @magenta-8: #A11069;
345
+ @arcoblue-5: #4080FF;
346
+ @arcoblue-7: #0E42D2;
347
+ @arcoblue-10: #000D4D;
348
+ @purple-9: #27066E;
349
+ @pinkpurple-9: #650370;
350
+ @dark-red-10: #FFF0EC;
351
+ @dark-orangered-9: #FDDEC5;
352
+ @dark-orange-4: #D26913;
353
+ @dark-green-1: #004D1C;
354
+ @dark-blue-9: #C6E8FE;
355
+ @dark-purple-6: #8E51DA;
356
+ @dark-pinkpurple-5: #D92ED9;
357
+ @dark-green-4: #129A37;
358
+ @magenta-10: #4D0034;
359
+ @dark-lime-7: #CBE970;
360
+ @dark-yellow-3: #A38614;
361
+ @dark-orangered-1: #4D0E00;
362
+ @dark-gold-3: #A26F0F;
363
+ @dark-orange-7: #FFB357;
364
+ @dark-cyan-4: #1FA6AA;
365
+ @dark-yellow-6: #FBE94B;
366
+ @dark-red-5: #F54E4E;
367
+ @dark-purple-9: #DFC2F6;
368
+ @dark-magenta-10: #FFE8F1;
369
+ @dark-orangered-8: #FCC6A1;
370
+ @dark-red-2: #770611;
371
+ @dark-gold-2: #774B04;
372
+ @dark-orangered-7: #FAAD7D;
373
+ @dark-arcoblue-9: #BEDAFF;
374
+ @dark-gold-7: #FADC6C;
375
+ @dark-lime-2: #447006;
376
+ @dark-gold-1: #4D2D00;
377
+ @dark-orangered-3: #A23714;
378
+ @dark-cyan-5: #30C9C9;
379
+ @dark-red-3: #A1161F;
380
+ @dark-orange-1: #4D1B00;
381
+ @dark-red-7: #F98D86;
382
+ @dark-lime-9: #EEF8C2;
383
+ @dark-cyan-2: #06616C;
384
+ @dark-purple-2: #27066E;
385
+ @dark-pinkpurple-9: #F7C1F0;
386
+ @dark-arcoblue-7: #689FFF;
387
+ @dark-red-6: #F76965;
388
+ @dark-arcoblue-4: #1D4DD2;
389
+ @dark-yellow-7: #FCF374;
390
+ @dark-red-9: #FDD1CA;
391
+ @dark-yellow-9: #FEFEC6;
392
+ @dark-magenta-1: #4D0034;
393
+ @dark-gray-4: #5f5f60;
394
+ @dark-yellow-2: #785E07;
395
+ @dark-pinkpurple-3: #8A0D93;
396
+ @dark-gold-5: #F7C034;
397
+ @dark-primary-6: rgb(83, 133, 241);
398
+ @dark-arcoblue-8: #93BEFF;
399
+ @dark-green-8: #7EE18B;
400
+ @dark-arcoblue-3: #0E32A6;
401
+ @success-6: rgb(23, 173, 81);
402
+ @dark-gray-1: #17171a;
403
+ @dark-yellow-4: #CFB325;
404
+ @dark-primary-8: rgb(160, 194, 248);
405
+ @dark-purple-10: #F7EDFF;
406
+ @success-10: rgb(0, 77, 40);
407
+ @dark-orange-3: #A64B0A;
408
+ @dark-gray-6: #929293;
409
+ @dark-yellow-1: #4D3800;
410
+ @dark-orange-2: #793004;
411
+ @dark-orange-10: #FFF7E8;
412
+ @dark-pinkpurple-7: #E866DF;
413
+ @dark-gold-9: #FDF4BE;
414
+ @dark-orange-5: #FF8D1F;
415
+ @dark-blue-8: #A1D5FD;
416
+ @dark-orangered-10: #FFF4EB;
417
+ @primary-1: rgb(227, 248, 248);
418
+ @dark-red-8: #FBB0A7;
419
+ @success-9: rgb(3, 101, 50);
420
+ @primary-4: rgb(146, 231, 230);
421
+ @dark-lime-10: #FDFFEE;
422
+ @dark-gray-5: #78787a;
423
+ @dark-yellow-5: #FAE13C;
424
+ @dark-magenta-3: #A1176C;
425
+ @dark-arcoblue-5: #306FFF;
426
+ @success-5: rgb(55, 189, 102);
427
+ @dark-lime-4: #84B723;
428
+ @dark-magenta-7: #F97AB8;
429
+ @dark-yellow-8: #FDFA9D;
430
+ @dark-magenta-2: #770850;
431
+ @dark-green-7: #50D266;
432
+ @dark-success-1: rgb(0, 77, 40);
433
+ @dark-blue-3: #134CA3;
434
+ @dark-blue-1: #001A4D;
435
+ @dark-pinkpurple-1: #42004D;
436
+ @dark-primary-2: rgb(7, 27, 117);
437
+ @dark-pinkpurple-2: #650370;
438
+ @dark-green-5: #1DB440;
439
+ @dark-purple-1: #16004D;
440
+ @dark-magenta-6: #F756A9;
441
+ @dark-pinkpurple-8: #F092E6;
442
+ @dark-red-1: #4D000A;
443
+ @dark-purple-4: #5A25B0;
444
+ @dark-green-9: #B2F0B7;
445
+ @primary-6: rgb(87, 195, 194);
446
+ @dark-pinkpurple-6: #E13DDB;
447
+ @dark-cyan-6: #3FD4CF;
448
+ @dark-primary-10: rgb(241, 247, 255);
449
+ @dark-primary-1: rgb(0, 11, 77);
450
+ @dark-cyan-8: #90E9E1;
451
+ @dark-cyan-3: #11838B;
452
+ @danger-6: rgb(230, 58, 46);
453
+ @dark-lime-1: #2A4D00;
454
+ @dark-primary-4: rgb(40, 79, 198);
455
+ @dark-success-3: rgb(15, 125, 65);
456
+ @dark-orange-8: #FFCD87;
457
+ @success-4: rgb(91, 206, 128);
458
+ @dark-cyan-7: #66DFD7;
459
+ @success-2: rgb(180, 239, 195);
460
+ @success-1: rgb(232, 255, 237);
461
+ @success-8: rgb(8, 125, 61);
462
+ @dark-cyan-1: #00424D;
463
+ @dark-gray-2: #2e2e30;
464
+ @dark-lime-3: #629412;
465
+ @success-3: rgb(133, 222, 158);
466
+ @dark-primary-3: rgb(21, 51, 157);
467
+ @dark-gold-8: #FCE995;
468
+ @dark-arcoblue-1: #000D4D;
469
+ @dark-blue-6: #5AAAFB;
470
+ @dark-orangered-5: #F77E45;
471
+ @dark-red-4: #CB2E34;
472
+ @dark-purple-7: #A974E3;
473
+ @dark-primary-9: rgb(200, 221, 252);
474
+ @warning-4: rgb(247, 204, 93);
475
+ @dark-success-2: rgb(5, 101, 51);
476
+ @dark-lime-5: #A8DB39;
477
+ @danger-1: rgb(255, 237, 232);
478
+ @dark-primary-7: rgb(121, 164, 245);
479
+ @dark-success-5: rgb(45, 173, 95);
480
+ @dark-blue-5: #469AFA;
481
+ @dark-purple-8: #C59AED;
482
+ @dark-arcoblue-6: #3C7EFF;
483
+ @dark-gold-6: #F9CC44;
484
+ @dark-gray-9: #dfdfdf;
485
+ @dark-warning-7: rgb(247, 203, 89);
486
+ @dark-pinkpurple-10: #FFF2FD;
487
+ @dark-yellow-10: #FEFFF0;
488
+ @dark-green-10: #EBFFEC;
489
+ @dark-green-3: #0A802D;
490
+ @dark-orangered-2: #771E05;
491
+ @warning-5: rgb(245, 183, 49);
492
+ @primary-7: rgb(12, 179, 178);
493
+ @primary-9: rgb(6, 26, 117);
494
+ @dark-cyan-9: #BEF4ED;
495
+ @link-3: rgb(155, 191, 248);
496
+ @dark-magenta-4: #CB2B88;
497
+ @warning-1: rgb(255, 251, 232);
498
+ @dark-success-10: rgb(238, 255, 242);
499
+ @success-7: rgb(15, 149, 71);
500
+ @dark-warning-4: rgb(201, 131, 18);
501
+ @dark-primary-5: rgb(65, 115, 238);
502
+ @dark-gold-10: #FFFCE8;
503
+ @dark-danger-2: rgb(115, 8, 11);
504
+ @warning-9: rgb(118, 65, 1);
505
+ @dark-magenta-9: #FDC3DB;
506
+ @danger-5: rgb(235, 96, 80);
507
+ @dark-danger-6: rgb(235, 98, 82);
508
+ @link-8: rgb(15, 46, 157);
509
+ @primary-2: rgb(193, 237, 237);
510
+ @dark-cyan-10: #F0FFFC;
511
+ @dark-gray-10: #f6f6f6;
512
+ @dark-warning-3: rgb(159, 97, 8);
513
+ @link-2: rgb(193, 217, 252);
514
+ @dark-green-2: #046625;
515
+ @dark-danger-5: rgb(230, 75, 64);
516
+ @link-10: rgb(0, 11, 77);
517
+ @dark-danger-9: rgb(250, 204, 193);
518
+ @dark-gray-8: #c5c5c5;
519
+ @dark-magenta-8: #FB9EC8;
520
+ @dark-success-4: rgb(29, 149, 79);
521
+ @dark-danger-7: rgb(240, 134, 118);
522
+ @dark-lime-8: #DEF198;
523
+ @dark-arcoblue-10: #EAF4FF;
524
+ @link-9: rgb(6, 26, 117);
525
+ @danger-9: rgb(115, 6, 9);
526
+ @dark-link-8: rgb(160, 194, 248);
527
+ @link-5: rgb(81, 132, 241);
528
+ @dark-gray-7: #ababac;
529
+ @dark-danger-8: rgb(245, 170, 154);
530
+ @link-4: rgb(117, 162, 245);
531
+ @dark-warning-5: rgb(242, 169, 32);
532
+ @dark-magenta-5: #F545A6;
533
+ @dark-success-6: rgb(63, 189, 107);
534
+ @dark-lime-6: #B8E24B;
535
+ @warning-6: rgb(242, 160, 5);
536
+ @link-6: rgb(46, 102, 238);
537
+ @dark-danger-3: rgb(153, 21, 21);
538
+ @primary-5: rgb(108, 215, 214);
539
+ @dark-orange-9: #FFE3B8;
540
+ @dark-warning-9: rgb(252, 238, 187);
541
+ @primary-3: rgb(174, 234, 233);
542
+ @warning-3: rgb(250, 222, 138);
543
+ @dark-orange-6: #FF9626;
544
+ @dark-purple-5: #7B3DD1;
545
+ @dark-orangered-4: #CC5729;
546
+ @dark-link-2: rgb(7, 27, 117);
547
+ @primary-10: rgb(0, 11, 77);
548
+ @dark-blue-2: #052F78;
549
+ @dark-success-7: rgb(99, 206, 134);
550
+ @warning-8: rgb(159, 94, 2);
551
+ @danger-3: rgb(245, 169, 153);
552
+ @dark-link-4: rgb(40, 79, 198);
553
+ @dark-link-7: rgb(121, 164, 245);
554
+ @warning-7: rgb(201, 125, 3);
555
+ @dark-blue-4: #2971CF;
556
+ @dark-gray-3: #484849;
557
+ @dark-warning-6: rgb(245, 181, 42);
558
+ @dark-warning-10: rgb(255, 252, 237);
559
+ @dark-pinkpurple-4: #B01BB6;
560
+ @warning-2: rgb(252, 238, 185);
561
+ @danger-7: rgb(192, 34, 29);
562
+ @dark-warning-2: rgb(118, 65, 1);
563
+ @dark-purple-3: #3E138F;
564
+ @dark-link-1: rgb(0, 11, 77);
565
+ @dark-green-6: #27C346;
566
+ @dark-danger-4: rgb(192, 45, 40);
567
+ @dark-link-3: rgb(21, 51, 157);
568
+ @dark-warning-1: rgb(77, 40, 0);
569
+ @primary-8: rgb(15, 46, 157);
570
+ @dark-arcoblue-2: #041B79;
571
+ @danger-4: rgb(240, 133, 116);
572
+ @link-7: rgb(29, 71, 198);
573
+ @link-1: rgb(232, 242, 255);
574
+ @dark-blue-7: #7DC1FC;
575
+ @dark-orangered-6: #F9925A;
576
+ @danger-8: rgb(153, 15, 15);
577
+ @danger-10: rgb(77, 0, 5);
578
+ @dark-link-6: rgb(83, 133, 241);
579
+ @dark-danger-10: rgb(255, 237, 232);
580
+ @warning-10: rgb(77, 40, 0);
581
+ @dark-link-10: rgb(241, 247, 255);
582
+ @dark-blue-10: #EAF8FF;
583
+ @dark-warning-8: rgb(250, 222, 138);
584
+ @dark-gold-4: #CC961F;
585
+ @dark-success-9: rgb(187, 239, 200);
586
+ @dark-link-9: rgb(200, 221, 252);
587
+ @dark-success-8: rgb(141, 222, 163);
588
+ @danger-2: rgb(250, 204, 192);
589
+ @dark-link-5: rgb(65, 115, 238);
590
+ @dark-danger-1: rgb(77, 0, 5);
591
+ @orange-4: #FFB65D;
592
+ @dark-color-text-1: rgba(255, 255, 255, 0.9);
593
+ @color-text-1: var(~'@{arco-cssvars-prefix}-color-neutral-10');
594
+ @color-bg-white: #ffffff;
595
+ @color-white: #ffffff;
596
+ @dark-color-text-2: rgba(255, 255, 255, 0.7);
597
+ @dark-color-white: rgba(255, 255, 255, 0.9);
598
+ @color-text-3: var(~'@{arco-cssvars-prefix}-color-neutral-6');
599
+ @color-text-2: var(~'@{arco-cssvars-prefix}-color-neutral-8');
600
+ @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
601
+ @dark-color-text-3: rgba(255, 255, 255, 0.5);
602
+ @color-border-2: var(~'@{arco-cssvars-prefix}-color-neutral-3');
603
+ @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
604
+ @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
605
+ @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
606
+ @dark-color-bg-1: #17171A;
607
+ @dark-color-fill-4: rgba(255, 255, 255, 0.16);
608
+ @dark-color-bg-white: #f6f6f6;
609
+ @dark-color-border-1: @dark-gray-2;
610
+ @color-bg-1: #ffffff;
611
+ @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
612
+ @dark-color-border-2: @dark-gray-3;
613
+ @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
614
+ @dark-color-border-4: @dark-gray-6;
615
+ @dark-color-fill-1: rgba(255, 255, 255, 0.04);
616
+ @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
617
+ @dark-color-fill-2: rgba(255, 255, 255, 0.08);
618
+ @dark-color-border-3: @dark-gray-4;
619
+ @dark-color-fill-3: rgba(255, 255, 255, 0.12);
620
+ @color-bg-3: #ffffff;
621
+ @dark-color-bg-2: #232324;
622
+ @dark-color-bg-4: #313132;
623
+ @dark-color-bg-5: #373739;
624
+ @color-bg-5: #ffffff;
625
+ @color-bg-4: #ffffff;
626
+ @dark-color-bg-3: #2a2a2b;
627
+ @color-bg-2: #ffffff;
628
+ @color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
629
+ @textarea-prefix-cls: ~'@{prefix}-textarea';
630
+ @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
631
+ @color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
632
+ @color-link-10: rgb(var(~'@{arco-cssvars-prefix}-link-10'));
633
+ @color-primary-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
634
+ @color-primary-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
635
+ @color-link-5: rgb(var(~'@{arco-cssvars-prefix}-link-5'));
636
+ @color-danger-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
637
+ @color-link-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
638
+ @color-link-8: rgb(var(~'@{arco-cssvars-prefix}-link-8'));
639
+ @color-warning-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
640
+ @color-warning-7: rgb(var(~'@{arco-cssvars-prefix}-warning-7'));
641
+ @color-link-9: rgb(var(~'@{arco-cssvars-prefix}-link-9'));
642
+ @color-primary-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
643
+ @color-danger-10: rgb(var(~'@{arco-cssvars-prefix}-danger-10'));
644
+ @color-success-9: rgb(var(~'@{arco-cssvars-prefix}-success-9'));
645
+ @color-success-8: rgb(var(~'@{arco-cssvars-prefix}-success-8'));
646
+ @color-danger-8: rgb(var(~'@{arco-cssvars-prefix}-danger-8'));
647
+ @color-success-5: rgb(var(~'@{arco-cssvars-prefix}-success-5'));
648
+ @color-warning-8: rgb(var(~'@{arco-cssvars-prefix}-warning-8'));
649
+ @color-success-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
650
+ @color-link-6: rgb(var(~'@{arco-cssvars-prefix}-link-6'));
651
+ @color-warning-9: rgb(var(~'@{arco-cssvars-prefix}-warning-9'));
652
+ @color-danger-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
653
+ @color-primary-6: rgb(var(~'@{arco-cssvars-prefix}-primary-6'));
654
+ @color-warning-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
655
+ @color-primary-7: rgb(var(~'@{arco-cssvars-prefix}-primary-7'));
656
+ @color-warning-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
657
+ @color-danger-5: rgb(var(~'@{arco-cssvars-prefix}-danger-5'));
658
+ @color-primary-8: rgb(var(~'@{arco-cssvars-prefix}-primary-8'));
659
+ @color-warning-6: rgb(var(~'@{arco-cssvars-prefix}-warning-6'));
660
+ @color-danger-9: rgb(var(~'@{arco-cssvars-prefix}-danger-9'));
661
+ @color-success-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
662
+ @color-success-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
663
+ @color-danger-7: rgb(var(~'@{arco-cssvars-prefix}-danger-7'));
664
+ @color-warning-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
665
+ @color-warning-5: rgb(var(~'@{arco-cssvars-prefix}-warning-5'));
666
+ @color-link-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
667
+ @color-danger-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
668
+ @color-link-7: rgb(var(~'@{arco-cssvars-prefix}-link-7'));
669
+ @color-primary-9: rgb(var(~'@{arco-cssvars-prefix}-primary-9'));
670
+ @color-link-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
671
+ @color-warning-10: rgb(var(~'@{arco-cssvars-prefix}-warning-10'));
672
+ @color-success-7: rgb(var(~'@{arco-cssvars-prefix}-success-7'));
673
+ @color-primary-10: rgb(var(~'@{arco-cssvars-prefix}-primary-10'));
674
+ @color-danger-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
675
+ @color-success-10: rgb(var(~'@{arco-cssvars-prefix}-success-10'));
676
+ @color-link-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
677
+ @color-success-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
678
+ @color-danger-6: rgb(var(~'@{arco-cssvars-prefix}-danger-6'));
679
+ @color-success-6: rgb(var(~'@{arco-cssvars-prefix}-success-6'));
680
+ @dark-color-menu-dark-hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
681
+ @color-black: #000000;
682
+ @color-primary-light-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
683
+ @color-spin-layer-bg: rgba(255, 255, 255, 0.6);
684
+ @color-tooltip-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-10'));
685
+ @color-primary-light-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
686
+ @dark-color-tooltip-bg: #373739;
687
+ @color-bg-popup: var(~'@{arco-cssvars-prefix}-color-bg-5');
688
+ @color-secondary: var(~'@{arco-cssvars-prefix}-color-neutral-2');
689
+ @dark-mask-color-bg: rgba(23, 23, 26, 0.6);
690
+ @color-primary-light-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
691
+ @dark-color-spin-layer-bg: rgba(51, 51, 51, 0.6);
692
+ @dark-color-black: #000000;
693
+ @color-secondary-hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
694
+ @color-primary-light-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
695
+ @color-border: rgb(var(~'@{arco-cssvars-prefix}-gray-3'));
696
+ @color-menu-dark-hover: rgba(255, 255, 255, 0.04);
697
+ @mask-color-bg: rgba(29, 33, 41, 0.6);
698
+ @color-secondary-active: var(~'@{arco-cssvars-prefix}-color-neutral-4');
699
+ @color-danger-light-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
700
+ @color-danger-light-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
701
+ @color-secondary-disabled: var(~'@{arco-cssvars-prefix}-color-neutral-1');
702
+ @color-danger-light-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
703
+ @color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
704
+ @color-danger-light-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
705
+ @color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
706
+ @color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
707
+ @color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
708
+ @color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
709
+ @color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
710
+ @color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
711
+ @dark-color-border: #333335;
712
+ @color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
713
+ @dark-color-primary-light-1: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.2);
714
+ @dark-color-primary-light-4: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.65);
715
+ @dark-color-secondary: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
716
+ @dark-color-primary-light-2: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.35);
717
+ @dark-color-secondary-disabled: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
718
+ @dark-color-secondary-active: rgba(var(~'@{arco-cssvars-prefix}-gray-7'), 0.24);
719
+ @dark-color-secondary-hover: rgba(var(~'@{arco-cssvars-prefix}-gray-8'), 0.16);
720
+ @dark-color-text-4: rgba(255, 255, 255, 0.3);
721
+ @dark-color-primary-light-3: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.5);
722
+ @dark-color-danger-light-1: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.2);
723
+ @dark-color-danger-light-2: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.35);
724
+ @dark-color-danger-light-3: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.5);
725
+ @dark-color-danger-light-4: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.65);
726
+ @dark-color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.2);
727
+ @dark-color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.35);
728
+ @dark-color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.5);
729
+ @dark-color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.65);
730
+ @dark-color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.2);
731
+ @dark-color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.35);
732
+ @dark-color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.5);
733
+ @dark-color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.65);
734
+ @color-link-light-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
735
+ @color-link-light-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
736
+ @color-link-light-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
737
+ @color-link-light-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
738
+ @dark-color-link-light-1: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.2);
739
+ @dark-color-link-light-2: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.35);
740
+ @dark-color-link-light-3: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.5);
741
+ @dark-color-link-light-4: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.65);
742
+ @opacity-none: 0;
743
+ @opacity-1: 10%;
744
+ @opacity-2: 20%;
745
+ @opacity-3: 30%;
746
+ @opacity-4: 40%;
747
+ @opacity-5: 50%;
748
+ @opacity-6: 60%;
749
+ @opacity-7: 70%;
750
+ @opacity-8: 80%;
751
+ @opacity-9: 90%;
752
+ @opacity-10: 100%;
753
+ @mask-bg-opacity: 60%;
754
+ @transition-duration-1: 0.1s;
755
+ @transition-duration-2: 0.2s;
756
+ @transition-duration-3: 0.3s;
757
+ @transition-duration-4: 0.4s;
758
+ @transition-duration-5: 0.5s;
759
+ @transition-duration-loading: 1s;
760
+ @transition-timing-function-linear: cubic-bezier(0, 0, 1, 1);
761
+ @transition-timing-function-standard: cubic-bezier(0.34, 0.69, 0.1, 1);
762
+ @transition-timing-function-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);
763
+ @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
764
+ @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
765
+ @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
766
+ @icon-hover-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
767
+ @icon-hover-size-default-height: 20px;
768
+ @icon-hover-size-small-height: 20px;
769
+ @icon-hover-size-mini-height: 20px;
770
+ @icon-hover-size-large-height: 24px;
771
+ @icon-hover-size-huge-height: 24px;
772
+ @icon-hover-size-small-icon: 12px;
773
+ @icon-hover-size-mini-icon: 12px;
774
+ @icon-hover-size-default-icon: 12px;
775
+ @icon-hover-size-large-icon: 12px;
776
+ @icon-hover-size-huge-icon: 12px;
777
+ @radius-none: var(~'@{arco-cssvars-prefix}-border-radius-none');
778
+ @radius-small: var(~'@{arco-cssvars-prefix}-border-radius-small');
779
+ @radius-medium: var(~'@{arco-cssvars-prefix}-border-radius-medium');
780
+ @radius-large: var(~'@{arco-cssvars-prefix}-border-radius-large');
781
+ @radius-circle: var(~'@{arco-cssvars-prefix}-border-radius-circle');
782
+ @code-family: Consolas, Menlo;
783
+ @z-index-popup-base: 1000;
784
+ @z-index-affix: 999;
785
+ @z-index-popup: 1000;
786
+ @z-index-drawer: 1001;
787
+ @z-index-modal: 1001;
788
+ @z-index-message: 1003;
789
+ @z-index-notification: 1003;
790
+ @z-index-image-preview: 1001;
791
+ @line-height-base: 1.5715;
792
+ @popup-box-shadow-base: 0 2px 5px rgba(0, 0, 0, 0.1);
793
+ @color-transparent: transparent;
794
+ @prefix: arco;
795
+ @badge-prefix-cls: ~'@{prefix}-badge';
796
+ @calendar-prefix-cls: ~'@{prefix}-calendar';
797
+ @rate-prefix-cls: ~'@{prefix}-rate';
798
+ @font-size-body: @font-size-body-3;
799
+ @size-none: 0;
800
+ @border-4: 4px;
801
+ @border-5: 5px;
802
+ @arco-theme-tag: body;
803
+ @skeleton-prefix-cls: ~'@{prefix}-skeleton';
804
+ @arco-vars-prefix: ~'';
805
+ @arco-cssvars-prefix: if(@arco-vars-prefix = ~'', -, ~'--@{arco-vars-prefix}');
806
+ @watermark-prefix-cls: ~'@{prefix}-watermark';
807
+ @verification-code-prefix-cls: ~'@{prefix}-verification-code';
808
+ @color-prefix-cls: ~'@{prefix}-color';
809
+ @dark-aux-purple-10: rgb(240, 235, 255);
810
+ @aux-purple-2: rgb(213, 202, 252);
811
+ @aux-purple-3: rgb(187, 172, 248);
812
+ @aux-purple-8: rgb(33, 29, 157);
813
+ @dark-aux-orange-red-4: rgb(203, 99, 24);
814
+ @color-aux-blue-10: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-10'));
815
+ @dark-aux-orange-red-7: rgb(249, 174, 94);
816
+ @color-aux-purple-5: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-5'));
817
+ @dark-aux-blue-4: #1D4DD2;
818
+ @aux-purple-1: rgb(238, 232, 255);
819
+ @dark-aux-orange-red-2: rgb(119, 44, 5);
820
+ @dark-aux-purple-2: rgb(9, 9, 117);
821
+ @color-aux-purple-2: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-2'));
822
+ @dark-aux-blue-1: #000D4D;
823
+ @dark-aux-blue-8: #93BEFF;
824
+ @dark-aux-purple-4: rgb(68, 59, 198);
825
+ @aux-purple-10: rgb(0, 3, 77);
826
+ @color-aux-purple-7: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-7'));
827
+ @color-aux-blue-2: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-2'));
828
+ @dark-aux-purple-9: rgb(217, 207, 252);
829
+ @color-aux-orange-red-8: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-8'));
830
+ @aux-yellow-1: rgb(254, 255, 232);
831
+ @aux-purple-4: rgb(160, 143, 245);
832
+ @aux-purple-6: rgb(104, 88, 238);
833
+ @color-aux-blue-3: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-3'));
834
+ @dark-aux-purple-5: rgb(113, 98, 238);
835
+ @aux-blue-6: rgb(35, 166, 255);
836
+ @aux-orange-red-10: rgb(77, 24, 0);
837
+ @aux-blue-2: #BEDAFF;
838
+ @dark-aux-purple-8: rgb(192, 178, 248);
839
+ @dark-aux-blue-6: #3C7EFF;
840
+ @dark-aux-gold-1: rgb(77, 45, 0);
841
+ @dark-aux-gold-4: rgb(204, 150, 31);
842
+ @dark-aux-purple-1: rgb(0, 3, 77);
843
+ @dark-aux-blue-5: #306FFF;
844
+ @color-aux-blue-8: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-8'));
845
+ @dark-aux-gold-5: rgb(247, 192, 52);
846
+ @aux-blue-9: #031A79;
847
+ @dark-aux-purple-6: rgb(141, 125, 241);
848
+ @color-aux-bluegray-2: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-2'));
849
+ @aux-orange-red-8: rgb(161, 64, 4);
850
+ @dark-aux-blue-10: #EAF4FF;
851
+ @color-aux-gold-5: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-5'));
852
+ @aux-orange-red-4: rgb(249, 176, 98);
853
+ @dark-aux-yellow-1: rgb(77, 56, 0);
854
+ @color-aux-orange-red-6: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-6'));
855
+ @aux-blue-7: #0E42D2;
856
+ @dark-aux-blue-9: #BEDAFF;
857
+ @color-aux-blue-9: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-9'));
858
+ @aux-yellow-6: rgb(250, 220, 25);
859
+ @color-aux-pink-purple-3: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-3'));
860
+ @color-aux-purple-8: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-8'));
861
+ @aux-gold-9: rgb(119, 75, 4);
862
+ @dark-aux-purple-7: rgb(167, 152, 245);
863
+ @aux-gold-10: rgb(77, 45, 0);
864
+ @color-aux-purple-10: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-10'));
865
+ @color-aux-orange-red-3: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-3'));
866
+ @dark-aux-blue-3: #0E32A6;
867
+ @aux-gold-1: rgb(255, 252, 232);
868
+ @color-aux-blue-6: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-6'));
869
+ @aux-blue-3: #94BFFF;
870
+ @dark-aux-gold-9: rgb(253, 244, 190);
871
+ @aux-blue-10: #000D4D;
872
+ @aux-gold-6: rgb(247, 186, 30);
873
+ @aux-yellow-7: rgb(207, 175, 15);
874
+ @dark-aux-orange-red-10: rgb(255, 247, 234);
875
+ @color-aux-cyan-9: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-9'));
876
+ @aux-orange-red-6: rgb(245, 117, 12);
877
+ @color-aux-purple-9: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-9'));
878
+ @aux-orange-red-9: rgb(119, 42, 1);
879
+ @color-aux-gold-2: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-2'));
880
+ @dark-aux-yellow-6: rgb(251, 233, 75);
881
+ @dark-aux-gold-3: rgb(162, 111, 15);
882
+ @color-aux-gold-8: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-8'));
883
+ @dark-aux-magenta-3: rgb(161, 23, 108);
884
+ @dark-aux-purple-3: rgb(34, 30, 157);
885
+ @dark-aux-gold-10: rgb(255, 252, 232);
886
+ @color-aux-blue-1: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-1'));
887
+ @dark-aux-blue-2: #041B79;
888
+ @dark-aux-orange-red-5: rgb(245, 132, 39);
889
+ @dark-aux-orange-red-1: rgb(77, 24, 0);
890
+ @color-aux-purple-1: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-1'));
891
+ @aux-purple-9: rgb(11, 11, 117);
892
+ @color-aux-yellow-10: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-10'));
893
+ @dark-aux-bluegray-5: rgb(112, 129, 168);
894
+ @aux-blue-8: #072CA6;
895
+ @aux-gold-5: rgb(249, 204, 69);
896
+ @dark-aux-cyan-5: rgb(43, 198, 195);
897
+ @aux-cyan-7: rgb(10, 165, 168);
898
+ @color-aux-purple-4: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-4'));
899
+ @dark-aux-orange-red-8: rgb(251, 201, 140);
900
+ @aux-purple-5: rgb(132, 115, 241);
901
+ @color-aux-orange-red-4: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-4'));
902
+ @dark-aux-bluegray-4: rgb(72, 91, 145);
903
+ @color-aux-magenta-4: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-4'));
904
+ @color-aux-purple-3: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-3'));
905
+ @aux-orange-red-5: rgb(247, 148, 55);
906
+ @aux-bluegray-4: rgb(157, 174, 203);
907
+ @dark-aux-gold-2: rgb(119, 75, 4);
908
+ @color-aux-orange-red-1: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-1'));
909
+ @dark-aux-cyan-9: rgb(184, 244, 235);
910
+ @color-aux-purple-6: rgb(var(~'@{arco-cssvars-prefix}-aux-purple-6'));
911
+ @aux-orange-red-1: rgb(255, 246, 232);
912
+ @aux-blue-5: #4080FF;
913
+ @color-aux-blue-4: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-4'));
914
+ @color-aux-blue-5: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-5'));
915
+ @aux-purple-7: rgb(64, 55, 198);
916
+ @dark-aux-gold-6: rgb(249, 204, 68);
917
+ @dark-aux-yellow-3: rgb(163, 134, 20);
918
+ @aux-magenta-9: rgb(119, 6, 79);
919
+ @aux-bluegray-8: rgb(42, 61, 122);
920
+ @color-aux-yellow-2: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-2'));
921
+ @dark-aux-bluegray-1: rgb(0, 13, 77);
922
+ @color-aux-gold-9: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-9'));
923
+ @dark-aux-yellow-9: rgb(254, 254, 198);
924
+ @dark-aux-pink-purple-7: rgb(232, 102, 223);
925
+ @color-aux-blue-7: rgb(var(~'@{arco-cssvars-prefix}-aux-blue-7'));
926
+ @aux-bluegray-5: rgb(135, 152, 185);
927
+ @color-aux-gold-4: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-4'));
928
+ @dark-aux-yellow-2: rgb(120, 94, 7);
929
+ @dark-aux-gold-8: rgb(252, 233, 149);
930
+ @dark-aux-yellow-10: rgb(254, 255, 240);
931
+ @color-aux-gold-1: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-1'));
932
+ @dark-aux-yellow-4: rgb(207, 179, 37);
933
+ @dark-aux-orange-red-6: rgb(247, 145, 49);
934
+ @aux-orange-red-7: rgb(203, 89, 7);
935
+ @color-aux-bluegray-6: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-6'));
936
+ @color-aux-bluegray-3: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-3'));
937
+ @dark-aux-magenta-2: rgb(119, 8, 80);
938
+ @color-aux-cyan-10: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-10'));
939
+ @color-aux-orange-red-5: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-5'));
940
+ @aux-gold-2: rgb(253, 244, 191);
941
+ @aux-orange-red-3: rgb(251, 202, 142);
942
+ @color-aux-yellow-9: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-9'));
943
+ @aux-gold-4: rgb(250, 220, 109);
944
+ @dark-aux-yellow-5: rgb(250, 225, 60);
945
+ @dark-aux-cyan-1: rgb(0, 68, 77);
946
+ @dark-aux-yellow-8: rgb(253, 250, 157);
947
+ @aux-pink-purple-3: rgb(240, 142, 230);
948
+ @color-aux-bluegray-5: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-5'));
949
+ @dark-aux-bluegray-6: rgb(154, 165, 185);
950
+ @dark-aux-orange-red-9: rgb(253, 225, 187);
951
+ @color-aux-bluegray-8: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-8'));
952
+ @aux-bluegray-7: rgb(75, 93, 145);
953
+ @aux-magenta-5: rgb(247, 84, 168);
954
+ @aux-cyan-10: rgb(0, 68, 77);
955
+ @color-aux-bluegray-7: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-7'));
956
+ @dark-aux-pink-purple-9: rgb(247, 193, 240);
957
+ @aux-yellow-3: rgb(253, 250, 148);
958
+ @aux-bluegray-3: rgb(181, 196, 220);
959
+ @dark-aux-orange-red-3: rgb(161, 69, 13);
960
+ @dark-aux-blue-7: #689FFF;
961
+ @dark-aux-magenta-8: rgb(251, 158, 200);
962
+ @aux-yellow-5: rgb(251, 232, 66);
963
+ @aux-gold-3: rgb(252, 233, 150);
964
+ @dark-aux-pink-purple-4: rgb(176, 27, 182);
965
+ @color-aux-gold-7: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-7'));
966
+ @dark-aux-magenta-9: rgb(253, 195, 219);
967
+ @dark-aux-bluegray-10: rgb(233, 244, 255);
968
+ @dark-aux-bluegray-7: rgb(173, 184, 203);
969
+ @color-aux-yellow-7: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-7'));
970
+ @aux-magenta-1: rgb(255, 232, 241);
971
+ @dark-aux-yellow-7: rgb(252, 243, 116);
972
+ @color-aux-yellow-4: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-4'));
973
+ @color-aux-cyan-6: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-6'));
974
+ @aux-blue-1: #E8F3FF;
975
+ @color-aux-gold-10: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-10'));
976
+ @color-aux-yellow-6: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-6'));
977
+ @color-aux-bluegray-10: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-10'));
978
+ @color-aux-yellow-1: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-1'));
979
+ @aux-yellow-2: rgb(254, 254, 190);
980
+ @aux-pink-purple-8: rgb(138, 9, 147);
981
+ @color-aux-gold-6: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-6'));
982
+ @dark-aux-gold-7: rgb(250, 220, 108);
983
+ @aux-blue-4: #6AA1FF;
984
+ @dark-aux-cyan-6: rgb(58, 209, 201);
985
+ @aux-yellow-4: rgb(252, 242, 107);
986
+ @aux-bluegray-1: rgb(232, 243, 255);
987
+ @aux-orange-red-2: rgb(253, 225, 187);
988
+ @color-aux-orange-red-7: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-7'));
989
+ @aux-magenta-7: rgb(203, 30, 131);
990
+ @color-aux-yellow-5: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-5'));
991
+ @dark-aux-bluegray-8: rgb(192, 203, 220);
992
+ @aux-pink-purple-10: rgb(66, 0, 77);
993
+ @dark-aux-bluegray-3: rgb(40, 59, 122);
994
+ @color-aux-orange-red-2: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-2'));
995
+ @color-aux-bluegray-1: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-1'));
996
+ @color-aux-pink-purple-1: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-1'));
997
+ @color-aux-orange-red-10: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-10'));
998
+ @color-aux-cyan-3: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-3'));
999
+ @aux-cyan-1: rgb(232, 255, 251);
1000
+ @dark-aux-pink-purple-8: rgb(240, 146, 230);
1001
+ @color-aux-yellow-3: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-3'));
1002
+ @aux-cyan-9: rgb(2, 98, 107);
1003
+ @color-aux-pink-purple-8: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-8'));
1004
+ @color-aux-cyan-7: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-7'));
1005
+ @dark-aux-pink-purple-3: rgb(138, 13, 147);
1006
+ @dark-aux-pink-purple-6: rgb(225, 61, 219);
1007
+ @dark-aux-bluegray-2: rgb(15, 32, 99);
1008
+ @color-aux-bluegray-4: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-4'));
1009
+ @aux-pink-purple-9: rgb(101, 3, 112);
1010
+ @color-aux-magenta-2: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-2'));
1011
+ @dark-aux-magenta-1: rgb(77, 0, 52);
1012
+ @color-aux-yellow-8: rgb(var(~'@{arco-cssvars-prefix}-aux-yellow-8'));
1013
+ @color-aux-cyan-1: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-1'));
1014
+ @color-aux-pink-purple-6: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-6'));
1015
+ @aux-magenta-6: rgb(245, 49, 157);
1016
+ @color-aux-pink-purple-2: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-2'));
1017
+ @color-aux-cyan-4: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-4'));
1018
+ @aux-pink-purple-1: rgb(255, 232, 251);
1019
+ @aux-bluegray-9: rgb(17, 33, 99);
1020
+ @aux-yellow-10: rgb(77, 56, 0);
1021
+ @aux-yellow-8: rgb(163, 132, 8);
1022
+ @aux-pink-purple-4: rgb(232, 101, 223);
1023
+ @color-aux-pink-purple-9: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-9'));
1024
+ @color-aux-pink-purple-4: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-4'));
1025
+ @aux-bluegray-10: rgb(0, 13, 77);
1026
+ @dark-aux-pink-purple-1: rgb(66, 0, 77);
1027
+ @dark-aux-cyan-3: rgb(13, 131, 137);
1028
+ @dark-aux-magenta-5: rgb(245, 69, 166);
1029
+ @aux-gold-7: rgb(204, 146, 19);
1030
+ @dark-aux-pink-purple-10: rgb(255, 242, 253);
1031
+ @aux-cyan-2: rgb(181, 244, 234);
1032
+ @aux-cyan-8: rgb(5, 131, 137);
1033
+ @aux-cyan-4: rgb(90, 221, 210);
1034
+ @aux-pink-purple-5: rgb(225, 62, 219);
1035
+ @color-aux-orange-red-9: rgb(var(~'@{arco-cssvars-prefix}-aux-orange-red-9'));
1036
+ @color-aux-cyan-5: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-5'));
1037
+ @color-aux-cyan-2: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-2'));
1038
+ @aux-gold-8: rgb(162, 109, 10);
1039
+ @aux-bluegray-6: rgb(115, 131, 168);
1040
+ @dark-aux-cyan-10: rgb(234, 255, 251);
1041
+ @aux-pink-purple-2: rgb(247, 186, 239);
1042
+ @dark-aux-cyan-2: rgb(4, 98, 107);
1043
+ @aux-pink-purple-7: rgb(176, 16, 182);
1044
+ @color-aux-bluegray-9: rgb(var(~'@{arco-cssvars-prefix}-aux-bluegray-9'));
1045
+ @aux-magenta-8: rgb(161, 16, 105);
1046
+ @dark-aux-cyan-8: rgb(138, 232, 221);
1047
+ @dark-aux-magenta-7: rgb(249, 122, 184);
1048
+ @color-aux-gold-3: rgb(var(~'@{arco-cssvars-prefix}-aux-gold-3'));
1049
+ @aux-cyan-6: rgb(15, 198, 194);
1050
+ @aux-bluegray-2: rgb(206, 219, 238);
1051
+ @color-aux-pink-purple-7: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-7'));
1052
+ @aux-yellow-9: rgb(120, 93, 3);
1053
+ @dark-aux-pink-purple-5: rgb(217, 46, 217);
1054
+ @dark-aux-magenta-6: rgb(247, 86, 169);
1055
+ @aux-magenta-2: rgb(253, 194, 219);
1056
+ @color-bg-blue: #f6f8ff;
1057
+ @dark-aux-cyan-7: rgb(96, 221, 211);
1058
+ @dark-aux-pink-purple-2: rgb(101, 3, 112);
1059
+ @color-aux-magenta-3: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-3'));
1060
+ @aux-cyan-5: rgb(51, 209, 201);
1061
+ @dark-aux-magenta-10: rgb(255, 232, 241);
1062
+ @aux-magenta-10: rgb(77, 0, 52);
1063
+ @color-aux-magenta-6: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-6'));
1064
+ @color-aux-cyan-8: rgb(var(~'@{arco-cssvars-prefix}-aux-cyan-8'));
1065
+ @color-aux-magenta-8: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-8'));
1066
+ @color-aux-magenta-5: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-5'));
1067
+ @color-aux-pink-purple-10: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-10'));
1068
+ @dark-aux-bluegray-9: rgb(213, 223, 238);
1069
+ @color-aux-magenta-7: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-7'));
1070
+ @color-aux-magenta-1: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-1'));
1071
+ @color-aux-magenta-9: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-9'));
1072
+ @dark-color-overlay-2: rgba(0, 0, 0, 0.5);
1073
+ @aux-cyan-3: rgb(134, 232, 221);
1074
+ @aux-magenta-3: rgb(251, 157, 199);
1075
+ @color-overlay-1: rgba(0,0,0,0.85);
1076
+ @color-aux-pink-purple-5: rgb(var(~'@{arco-cssvars-prefix}-aux-pink-purple-5'));
1077
+ @dark-aux-cyan-4: rgb(26, 165, 168);
1078
+ @aux-magenta-4: rgb(249, 121, 183);
1079
+ @aux-pink-purple-6: rgb(217, 26, 217);
1080
+ @dark-color-overlay-1: rgba(0, 0, 0, 0.8);
1081
+ @color-aux-magenta-10: rgb(var(~'@{arco-cssvars-prefix}-aux-magenta-10'));
1082
+ @dark-aux-magenta-4: rgb(203, 43, 136);
1083
+ @color-overlay-2: rgba(0, 0, 0, 0.5);
1084
+ @dark-color-bg-blue: #f6f8ff;
1085
+
1086
+
1087
+ @arco-theme-tag: body;
1088
+ @arco-vars-prefix: ~'';
1089
+ @arco-cssvars-prefix: if(@arco-vars-prefix = ~'', -, ~'--@{arco-vars-prefix}');
1090
+
1091
+ @color-border: rgb(var(~'@{arco-cssvars-prefix}-gray-3'));
1092
+ @color-bg-popup: var(~'@{arco-cssvars-prefix}-color-bg-5');
1093
+ @color-bg-1: #fff;
1094
+ @color-bg-2: #fff;
1095
+ @color-bg-3: #fff;
1096
+ @color-bg-4: #fff;
1097
+ @color-bg-5: #fff;
1098
+ @color-bg-white: #fff;
1099
+ @color-text-1: var(~'@{arco-cssvars-prefix}-color-neutral-10'); // 标题,正文
1100
+ @color-text-2: var(~'@{arco-cssvars-prefix}-color-neutral-8'); // 语句
1101
+ @color-text-3: var(~'@{arco-cssvars-prefix}-color-neutral-6'); // 次要信息
1102
+ @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4'); // 次要信息
1103
+ @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
1104
+ @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
1105
+ @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
1106
+ @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
1107
+ @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
1108
+ @color-border-2: var(~'@{arco-cssvars-prefix}-color-neutral-3');
1109
+ @color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
1110
+ @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
1111
+ @color-primary-light-1: @color-primary-1;
1112
+ @color-primary-light-2: @color-primary-2;
1113
+ @color-primary-light-3: @color-primary-3;
1114
+ @color-primary-light-4: @color-primary-4;
1115
+ @color-secondary: var(~'@{arco-cssvars-prefix}-color-neutral-2');
1116
+ @color-secondary-hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
1117
+ @color-secondary-active: var(~'@{arco-cssvars-prefix}-color-neutral-4');
1118
+ @color-secondary-disabled: var(~'@{arco-cssvars-prefix}-color-neutral-1');
1119
+ @color-danger-light-1: @color-danger-1;
1120
+ @color-danger-light-2: @color-danger-2;
1121
+ @color-danger-light-3: @color-danger-3;
1122
+ @color-danger-light-4: @color-danger-4;
1123
+ @color-success-light-1: @color-success-1;
1124
+ @color-success-light-2: @color-success-2;
1125
+ @color-success-light-3: @color-success-3;
1126
+ @color-success-light-4: @color-success-4;
1127
+ @color-warning-light-1: @color-warning-1;
1128
+ @color-warning-light-2: @color-warning-2;
1129
+ @color-warning-light-3: @color-warning-3;
1130
+ @color-warning-light-4: @color-warning-4;
1131
+ @color-link-light-1: @color-link-1;
1132
+ @color-link-light-2: @color-link-2;
1133
+ @color-link-light-3: @color-link-3;
1134
+ @color-link-light-4: @color-link-4;
1135
+
1136
+ @dark-color-border: #333335;
1137
+ @dark-color-bg-1: #17171a;
1138
+ @dark-color-bg-2: #232324;
1139
+ @dark-color-bg-3: #2a2a2b;
1140
+ @dark-color-bg-4: #313132;
1141
+ @dark-color-bg-5: #373739;
1142
+ @dark-color-bg-white: #f6f6f6;
1143
+ @dark-color-text-1: fade(#fff, 90%);
1144
+ @dark-color-text-2: fade(#fff, 70%);
1145
+ @dark-color-text-3: fade(#fff, 50%);
1146
+ @dark-color-text-4: fade(#fff, 30%);
1147
+ @dark-color-fill-1: fade(#fff, 4%);
1148
+ @dark-color-fill-2: fade(#fff, 8%);
1149
+ @dark-color-fill-3: fade(#fff, 12%);
1150
+ @dark-color-fill-4: fade(#fff, 16%);
1151
+ @dark-color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
1152
+ @dark-color-border-2: var(~'@{arco-cssvars-prefix}-color-neutral-3');
1153
+ @dark-color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
1154
+ @dark-color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
1155
+ @dark-color-secondary: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
1156
+ @dark-color-secondary-hover: rgba(var(~'@{arco-cssvars-prefix}-gray-8'), 0.16);
1157
+ @dark-color-secondary-active: rgba(var(~'@{arco-cssvars-prefix}-gray-7'), 0.24);
1158
+ @dark-color-secondary-disabled: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
1159
+ @dark-color-primary-light-1: replace(~'@{color-primary-6}', 'rgb\((.*)\)$', 'rgba($1, 0.2)');
1160
+ @dark-color-primary-light-2: replace(~'@{color-primary-6}', 'rgb\((.*)\)$', 'rgba($1, 0.35)');
1161
+ @dark-color-primary-light-3: replace(~'@{color-primary-6}', 'rgb\((.*)\)$', 'rgba($1, 0.5)');
1162
+ @dark-color-primary-light-4: replace(~'@{color-primary-6}', 'rgb\((.*)\)$', 'rgba($1, 0.65)');
1163
+ @dark-color-danger-light-1: replace(~'@{color-danger-6}', 'rgb\((.*)\)$', 'rgba($1, 0.2)');
1164
+ @dark-color-danger-light-2: replace(~'@{color-danger-6}', 'rgb\((.*)\)$', 'rgba($1, 0.35)');
1165
+ @dark-color-danger-light-3: replace(~'@{color-danger-6}', 'rgb\((.*)\)$', 'rgba($1, 0.5)');
1166
+ @dark-color-danger-light-4: replace(~'@{color-danger-6}', 'rgb\((.*)\)$', 'rgba($1, 0.65)');
1167
+ @dark-color-success-light-1: replace(~'@{color-success-6}', 'rgb\((.*)\)$', 'rgba($1, 0.2)');
1168
+ @dark-color-success-light-2: replace(~'@{color-success-6}', 'rgb\((.*)\)$', 'rgba($1, 0.35)');
1169
+ @dark-color-success-light-3: replace(~'@{color-success-6}', 'rgb\((.*)\)$', 'rgba($1, 0.5)');
1170
+ @dark-color-success-light-4: replace(~'@{color-success-6}', 'rgb\((.*)\)$', 'rgba($1, 0.65)');
1171
+ @dark-color-warning-light-1: replace(~'@{color-warning-6}', 'rgb\((.*)\)$', 'rgba($1, 0.2)');
1172
+ @dark-color-warning-light-2: replace(~'@{color-warning-6}', 'rgb\((.*)\)$', 'rgba($1, 0.35)');
1173
+ @dark-color-warning-light-3: replace(~'@{color-warning-6}', 'rgb\((.*)\)$', 'rgba($1, 0.5)');
1174
+ @dark-color-warning-light-4: replace(~'@{color-warning-6}', 'rgb\((.*)\)$', 'rgba($1, 0.65)');
1175
+ @dark-color-link-light-1: replace(~'@{color-link-6}', 'rgb\((.*)\)$', 'rgba($1, 0.2)');
1176
+ @dark-color-link-light-2: replace(~'@{color-link-6}', 'rgb\((.*)\)$', 'rgba($1, 0.35)');
1177
+ @dark-color-link-light-3: replace(~'@{color-link-6}', 'rgb\((.*)\)$', 'rgba($1, 0.5)');
1178
+ @dark-color-link-light-4: replace(~'@{color-link-6}', 'rgb\((.*)\)$', 'rgba($1, 0.65)');
1179
+
1180
+ @color-white: #ffffff;
1181
+ @dark-color-white: fade(@color-white, 90%);
1182
+
1183
+ @{arco-theme-tag} {
1184
+ font-family: @font-family;
1185
+ }
1186
+
1187
+ @{arco-theme-tag} {
1188
+ @{arco-cssvars-prefix}-color-white: @color-white;
1189
+ @{arco-cssvars-prefix}-color-black: @color-black;
1190
+ @{arco-cssvars-prefix}-color-border: @color-border;
1191
+ @{arco-cssvars-prefix}-color-bg-popup: @color-bg-popup;
1192
+ @{arco-cssvars-prefix}-color-bg-1: @color-bg-1;
1193
+ @{arco-cssvars-prefix}-color-bg-2: @color-bg-2;
1194
+ @{arco-cssvars-prefix}-color-bg-3: @color-bg-3;
1195
+ @{arco-cssvars-prefix}-color-bg-4: @color-bg-4;
1196
+ @{arco-cssvars-prefix}-color-bg-5: @color-bg-5;
1197
+ @{arco-cssvars-prefix}-color-bg-white: @color-bg-white;
1198
+ @{arco-cssvars-prefix}-color-neutral-1: rgb(var(~'@{arco-cssvars-prefix}-gray-1'));
1199
+ @{arco-cssvars-prefix}-color-neutral-2: rgb(var(~'@{arco-cssvars-prefix}-gray-2'));
1200
+ @{arco-cssvars-prefix}-color-neutral-3: rgb(var(~'@{arco-cssvars-prefix}-gray-3'));
1201
+ @{arco-cssvars-prefix}-color-neutral-4: rgb(var(~'@{arco-cssvars-prefix}-gray-4'));
1202
+ @{arco-cssvars-prefix}-color-neutral-5: rgb(var(~'@{arco-cssvars-prefix}-gray-5'));
1203
+ @{arco-cssvars-prefix}-color-neutral-6: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
1204
+ @{arco-cssvars-prefix}-color-neutral-7: rgb(var(~'@{arco-cssvars-prefix}-gray-7'));
1205
+ @{arco-cssvars-prefix}-color-neutral-8: rgb(var(~'@{arco-cssvars-prefix}-gray-8'));
1206
+ @{arco-cssvars-prefix}-color-neutral-9: rgb(var(~'@{arco-cssvars-prefix}-gray-9'));
1207
+ @{arco-cssvars-prefix}-color-neutral-10: rgb(var(~'@{arco-cssvars-prefix}-gray-10'));
1208
+ @{arco-cssvars-prefix}-color-text-1: @color-text-1;
1209
+ @{arco-cssvars-prefix}-color-text-2: @color-text-2;
1210
+ @{arco-cssvars-prefix}-color-text-3: @color-text-3;
1211
+ @{arco-cssvars-prefix}-color-text-4: @color-text-4;
1212
+ @{arco-cssvars-prefix}-color-fill-1: @color-fill-1;
1213
+ @{arco-cssvars-prefix}-color-fill-2: @color-fill-2;
1214
+ @{arco-cssvars-prefix}-color-fill-3: @color-fill-3;
1215
+ @{arco-cssvars-prefix}-color-fill-4: @color-fill-4;
1216
+ @{arco-cssvars-prefix}-color-border-1: @color-border-1;
1217
+ @{arco-cssvars-prefix}-color-border-2: @color-border-2;
1218
+ @{arco-cssvars-prefix}-color-border-3: @color-border-3;
1219
+ @{arco-cssvars-prefix}-color-border-4: @color-border-4;
1220
+ @{arco-cssvars-prefix}-color-primary-light-1: @color-primary-light-1;
1221
+ @{arco-cssvars-prefix}-color-primary-light-2: @color-primary-light-2;
1222
+ @{arco-cssvars-prefix}-color-primary-light-3: @color-primary-light-3;
1223
+ @{arco-cssvars-prefix}-color-primary-light-4: @color-primary-light-4;
1224
+ @{arco-cssvars-prefix}-color-secondary: @color-secondary;
1225
+ @{arco-cssvars-prefix}-color-secondary-hover: @color-secondary-hover;
1226
+ @{arco-cssvars-prefix}-color-secondary-active: @color-secondary-active;
1227
+ @{arco-cssvars-prefix}-color-secondary-disabled: @color-secondary-disabled;
1228
+ @{arco-cssvars-prefix}-color-danger-light-1: @color-danger-light-1;
1229
+ @{arco-cssvars-prefix}-color-danger-light-2: @color-danger-light-2;
1230
+ @{arco-cssvars-prefix}-color-danger-light-3: @color-danger-light-3;
1231
+ @{arco-cssvars-prefix}-color-danger-light-4: @color-danger-light-4;
1232
+ @{arco-cssvars-prefix}-color-success-light-1: @color-success-light-1;
1233
+ @{arco-cssvars-prefix}-color-success-light-2: @color-success-light-2;
1234
+ @{arco-cssvars-prefix}-color-success-light-3: @color-success-light-3;
1235
+ @{arco-cssvars-prefix}-color-success-light-4: @color-success-light-4;
1236
+ @{arco-cssvars-prefix}-color-warning-light-1: @color-warning-light-1;
1237
+ @{arco-cssvars-prefix}-color-warning-light-2: @color-warning-light-2;
1238
+ @{arco-cssvars-prefix}-color-warning-light-3: @color-warning-light-3;
1239
+ @{arco-cssvars-prefix}-color-warning-light-4: @color-warning-light-4;
1240
+ @{arco-cssvars-prefix}-color-link-light-1: @color-link-light-1;
1241
+ @{arco-cssvars-prefix}-color-link-light-2: @color-link-light-2;
1242
+ @{arco-cssvars-prefix}-color-link-light-3: @color-link-light-3;
1243
+ @{arco-cssvars-prefix}-color-link-light-4: @color-link-light-4;
1244
+
1245
+ @{arco-cssvars-prefix}-border-radius-none: @border-radius-none;
1246
+ @{arco-cssvars-prefix}-border-radius-small: @border-radius-small;
1247
+ @{arco-cssvars-prefix}-border-radius-medium: @border-radius-medium;
1248
+ @{arco-cssvars-prefix}-border-radius-large: @border-radius-large;
1249
+ @{arco-cssvars-prefix}-border-radius-circle: @border-radius-circle;
1250
+
1251
+ @{arco-cssvars-prefix}-color-tooltip-bg: @color-tooltip-bg;
1252
+ @{arco-cssvars-prefix}-color-spin-layer-bg: @color-spin-layer-bg;
1253
+ @{arco-cssvars-prefix}-color-menu-dark-bg: @color-menu-dark-bg;
1254
+ @{arco-cssvars-prefix}-color-menu-light-bg: @color-menu-light-bg;
1255
+ @{arco-cssvars-prefix}-color-menu-dark-hover: @color-menu-dark-hover;
1256
+ @{arco-cssvars-prefix}-color-mask-bg: @mask-color-bg;
1257
+
1258
+ }
1259
+
1260
+ @{arco-theme-tag}[arco-theme='dark'] {
1261
+ @{arco-cssvars-prefix}-color-black: @dark-color-black;
1262
+ @{arco-cssvars-prefix}-color-border: @dark-color-border;
1263
+ @{arco-cssvars-prefix}-color-bg-1: @dark-color-bg-1;
1264
+ @{arco-cssvars-prefix}-color-bg-2: @dark-color-bg-2;
1265
+ @{arco-cssvars-prefix}-color-bg-3: @dark-color-bg-3;
1266
+ @{arco-cssvars-prefix}-color-bg-4: @dark-color-bg-4;
1267
+ @{arco-cssvars-prefix}-color-bg-5: @dark-color-bg-5;
1268
+ @{arco-cssvars-prefix}-color-bg-white: @dark-color-bg-white;
1269
+ @{arco-cssvars-prefix}-color-text-1: @dark-color-text-1;
1270
+ @{arco-cssvars-prefix}-color-text-2: @dark-color-text-2;
1271
+ @{arco-cssvars-prefix}-color-text-3: @dark-color-text-3;
1272
+ @{arco-cssvars-prefix}-color-text-4: @dark-color-text-4;
1273
+ @{arco-cssvars-prefix}-color-fill-1: @dark-color-fill-1;
1274
+ @{arco-cssvars-prefix}-color-fill-2: @dark-color-fill-2;
1275
+ @{arco-cssvars-prefix}-color-fill-3: @dark-color-fill-3;
1276
+ @{arco-cssvars-prefix}-color-fill-4: @dark-color-fill-4;
1277
+ @{arco-cssvars-prefix}-color-border-1: @dark-color-border-1;
1278
+ @{arco-cssvars-prefix}-color-border-2: @dark-color-border-2;
1279
+ @{arco-cssvars-prefix}-color-border-3: @dark-color-border-3;
1280
+ @{arco-cssvars-prefix}-color-border-4: @dark-color-border-4;
1281
+ @{arco-cssvars-prefix}-color-primary-light-1: @dark-color-primary-light-1;
1282
+ @{arco-cssvars-prefix}-color-primary-light-2: @dark-color-primary-light-2;
1283
+ @{arco-cssvars-prefix}-color-primary-light-3: @dark-color-primary-light-3;
1284
+ @{arco-cssvars-prefix}-color-primary-light-4: @dark-color-primary-light-4;
1285
+ @{arco-cssvars-prefix}-color-secondary: @dark-color-secondary;
1286
+ @{arco-cssvars-prefix}-color-secondary-hover: @dark-color-secondary-hover;
1287
+ @{arco-cssvars-prefix}-color-secondary-active: @dark-color-secondary-active;
1288
+ @{arco-cssvars-prefix}-color-secondary-disabled: @dark-color-secondary-disabled;
1289
+ @{arco-cssvars-prefix}-color-danger-light-1: @dark-color-danger-light-1;
1290
+ @{arco-cssvars-prefix}-color-danger-light-2: @dark-color-danger-light-2;
1291
+ @{arco-cssvars-prefix}-color-danger-light-3: @dark-color-danger-light-3;
1292
+ @{arco-cssvars-prefix}-color-danger-light-4: @dark-color-danger-light-4;
1293
+ @{arco-cssvars-prefix}-color-success-light-1: @dark-color-success-light-1;
1294
+ @{arco-cssvars-prefix}-color-success-light-2: @dark-color-success-light-2;
1295
+ @{arco-cssvars-prefix}-color-success-light-3: @dark-color-success-light-3;
1296
+ @{arco-cssvars-prefix}-color-success-light-4: @dark-color-success-light-4;
1297
+ @{arco-cssvars-prefix}-color-warning-light-1: @dark-color-warning-light-1;
1298
+ @{arco-cssvars-prefix}-color-warning-light-2: @dark-color-warning-light-2;
1299
+ @{arco-cssvars-prefix}-color-warning-light-3: @dark-color-warning-light-3;
1300
+ @{arco-cssvars-prefix}-color-warning-light-4: @dark-color-warning-light-4;
1301
+ @{arco-cssvars-prefix}-color-link-light-1: @dark-color-link-light-1;
1302
+ @{arco-cssvars-prefix}-color-link-light-2: @dark-color-link-light-2;
1303
+ @{arco-cssvars-prefix}-color-link-light-3: @dark-color-link-light-3;
1304
+ @{arco-cssvars-prefix}-color-link-light-4: @dark-color-link-light-4;
1305
+
1306
+ @{arco-cssvars-prefix}-color-tooltip-bg: @dark-color-tooltip-bg;
1307
+ @{arco-cssvars-prefix}-color-spin-layer-bg: @dark-color-spin-layer-bg;
1308
+ @{arco-cssvars-prefix}-color-menu-dark-bg: @color-menu-dark-bg;
1309
+ @{arco-cssvars-prefix}-color-menu-light-bg: @color-menu-dark-bg;
1310
+ @{arco-cssvars-prefix}-color-menu-dark-hover: @dark-color-menu-dark-hover;
1311
+ @{arco-cssvars-prefix}-color-mask-bg: @dark-mask-color-bg;
1312
+ }
1313
+
1314
+ @{arco-theme-tag} {
1315
+ @{arco-cssvars-prefix}-red-1: .getColorRgbStr(@red-1)[];
1316
+ @{arco-cssvars-prefix}-red-2: .getColorRgbStr(@red-2)[];
1317
+ @{arco-cssvars-prefix}-red-3: .getColorRgbStr(@red-3)[];
1318
+ @{arco-cssvars-prefix}-red-4: .getColorRgbStr(@red-4)[];
1319
+ @{arco-cssvars-prefix}-red-5: .getColorRgbStr(@red-5)[];
1320
+ @{arco-cssvars-prefix}-red-6: .getColorRgbStr(@red-6)[];
1321
+ @{arco-cssvars-prefix}-red-7: .getColorRgbStr(@red-7)[];
1322
+ @{arco-cssvars-prefix}-red-8: .getColorRgbStr(@red-8)[];
1323
+ @{arco-cssvars-prefix}-red-9: .getColorRgbStr(@red-9)[];
1324
+ @{arco-cssvars-prefix}-red-10: .getColorRgbStr(@red-10)[];
1325
+ @{arco-cssvars-prefix}-orangered-1: .getColorRgbStr(@orangered-1)[];
1326
+ @{arco-cssvars-prefix}-orangered-2: .getColorRgbStr(@orangered-2)[];
1327
+ @{arco-cssvars-prefix}-orangered-3: .getColorRgbStr(@orangered-3)[];
1328
+ @{arco-cssvars-prefix}-orangered-4: .getColorRgbStr(@orangered-4)[];
1329
+ @{arco-cssvars-prefix}-orangered-5: .getColorRgbStr(@orangered-5)[];
1330
+ @{arco-cssvars-prefix}-orangered-6: .getColorRgbStr(@orangered-6)[];
1331
+ @{arco-cssvars-prefix}-orangered-7: .getColorRgbStr(@orangered-7)[];
1332
+ @{arco-cssvars-prefix}-orangered-8: .getColorRgbStr(@orangered-8)[];
1333
+ @{arco-cssvars-prefix}-orangered-9: .getColorRgbStr(@orangered-9)[];
1334
+ @{arco-cssvars-prefix}-orangered-10: .getColorRgbStr(@orangered-10)[];
1335
+ @{arco-cssvars-prefix}-orange-1: .getColorRgbStr(@orange-1)[];
1336
+ @{arco-cssvars-prefix}-orange-2: .getColorRgbStr(@orange-2)[];
1337
+ @{arco-cssvars-prefix}-orange-3: .getColorRgbStr(@orange-3)[];
1338
+ @{arco-cssvars-prefix}-orange-4: .getColorRgbStr(@orange-4)[];
1339
+ @{arco-cssvars-prefix}-orange-5: .getColorRgbStr(@orange-5)[];
1340
+ @{arco-cssvars-prefix}-orange-6: .getColorRgbStr(@orange-6)[];
1341
+ @{arco-cssvars-prefix}-orange-7: .getColorRgbStr(@orange-7)[];
1342
+ @{arco-cssvars-prefix}-orange-8: .getColorRgbStr(@orange-8)[];
1343
+ @{arco-cssvars-prefix}-orange-9: .getColorRgbStr(@orange-9)[];
1344
+ @{arco-cssvars-prefix}-orange-10: .getColorRgbStr(@orange-10)[];
1345
+ @{arco-cssvars-prefix}-gold-1: .getColorRgbStr(@gold-1)[];
1346
+ @{arco-cssvars-prefix}-gold-2: .getColorRgbStr(@gold-2)[];
1347
+ @{arco-cssvars-prefix}-gold-3: .getColorRgbStr(@gold-3)[];
1348
+ @{arco-cssvars-prefix}-gold-4: .getColorRgbStr(@gold-4)[];
1349
+ @{arco-cssvars-prefix}-gold-5: .getColorRgbStr(@gold-5)[];
1350
+ @{arco-cssvars-prefix}-gold-6: .getColorRgbStr(@gold-6)[];
1351
+ @{arco-cssvars-prefix}-gold-7: .getColorRgbStr(@gold-7)[];
1352
+ @{arco-cssvars-prefix}-gold-8: .getColorRgbStr(@gold-8)[];
1353
+ @{arco-cssvars-prefix}-gold-9: .getColorRgbStr(@gold-9)[];
1354
+ @{arco-cssvars-prefix}-gold-10: .getColorRgbStr(@gold-10)[];
1355
+ @{arco-cssvars-prefix}-yellow-1: .getColorRgbStr(@yellow-1)[];
1356
+ @{arco-cssvars-prefix}-yellow-2: .getColorRgbStr(@yellow-2)[];
1357
+ @{arco-cssvars-prefix}-yellow-3: .getColorRgbStr(@yellow-3)[];
1358
+ @{arco-cssvars-prefix}-yellow-4: .getColorRgbStr(@yellow-4)[];
1359
+ @{arco-cssvars-prefix}-yellow-5: .getColorRgbStr(@yellow-5)[];
1360
+ @{arco-cssvars-prefix}-yellow-6: .getColorRgbStr(@yellow-6)[];
1361
+ @{arco-cssvars-prefix}-yellow-7: .getColorRgbStr(@yellow-7)[];
1362
+ @{arco-cssvars-prefix}-yellow-8: .getColorRgbStr(@yellow-8)[];
1363
+ @{arco-cssvars-prefix}-yellow-9: .getColorRgbStr(@yellow-9)[];
1364
+ @{arco-cssvars-prefix}-yellow-10: .getColorRgbStr(@yellow-10)[];
1365
+ @{arco-cssvars-prefix}-lime-1: .getColorRgbStr(@lime-1)[];
1366
+ @{arco-cssvars-prefix}-lime-2: .getColorRgbStr(@lime-2)[];
1367
+ @{arco-cssvars-prefix}-lime-3: .getColorRgbStr(@lime-3)[];
1368
+ @{arco-cssvars-prefix}-lime-4: .getColorRgbStr(@lime-4)[];
1369
+ @{arco-cssvars-prefix}-lime-5: .getColorRgbStr(@lime-5)[];
1370
+ @{arco-cssvars-prefix}-lime-6: .getColorRgbStr(@lime-6)[];
1371
+ @{arco-cssvars-prefix}-lime-7: .getColorRgbStr(@lime-7)[];
1372
+ @{arco-cssvars-prefix}-lime-8: .getColorRgbStr(@lime-8)[];
1373
+ @{arco-cssvars-prefix}-lime-9: .getColorRgbStr(@lime-9)[];
1374
+ @{arco-cssvars-prefix}-lime-10: .getColorRgbStr(@lime-10)[];
1375
+ @{arco-cssvars-prefix}-green-1: .getColorRgbStr(@green-1)[];
1376
+ @{arco-cssvars-prefix}-green-2: .getColorRgbStr(@green-2)[];
1377
+ @{arco-cssvars-prefix}-green-3: .getColorRgbStr(@green-3)[];
1378
+ @{arco-cssvars-prefix}-green-4: .getColorRgbStr(@green-4)[];
1379
+ @{arco-cssvars-prefix}-green-5: .getColorRgbStr(@green-5)[];
1380
+ @{arco-cssvars-prefix}-green-6: .getColorRgbStr(@green-6)[];
1381
+ @{arco-cssvars-prefix}-green-7: .getColorRgbStr(@green-7)[];
1382
+ @{arco-cssvars-prefix}-green-8: .getColorRgbStr(@green-8)[];
1383
+ @{arco-cssvars-prefix}-green-9: .getColorRgbStr(@green-9)[];
1384
+ @{arco-cssvars-prefix}-green-10: .getColorRgbStr(@green-10)[];
1385
+ @{arco-cssvars-prefix}-cyan-1: .getColorRgbStr(@cyan-1)[];
1386
+ @{arco-cssvars-prefix}-cyan-2: .getColorRgbStr(@cyan-2)[];
1387
+ @{arco-cssvars-prefix}-cyan-3: .getColorRgbStr(@cyan-3)[];
1388
+ @{arco-cssvars-prefix}-cyan-4: .getColorRgbStr(@cyan-4)[];
1389
+ @{arco-cssvars-prefix}-cyan-5: .getColorRgbStr(@cyan-5)[];
1390
+ @{arco-cssvars-prefix}-cyan-6: .getColorRgbStr(@cyan-6)[];
1391
+ @{arco-cssvars-prefix}-cyan-7: .getColorRgbStr(@cyan-7)[];
1392
+ @{arco-cssvars-prefix}-cyan-8: .getColorRgbStr(@cyan-8)[];
1393
+ @{arco-cssvars-prefix}-cyan-9: .getColorRgbStr(@cyan-9)[];
1394
+ @{arco-cssvars-prefix}-cyan-10: .getColorRgbStr(@cyan-10)[];
1395
+ @{arco-cssvars-prefix}-blue-1: .getColorRgbStr(@blue-1)[];
1396
+ @{arco-cssvars-prefix}-blue-2: .getColorRgbStr(@blue-2)[];
1397
+ @{arco-cssvars-prefix}-blue-3: .getColorRgbStr(@blue-3)[];
1398
+ @{arco-cssvars-prefix}-blue-4: .getColorRgbStr(@blue-4)[];
1399
+ @{arco-cssvars-prefix}-blue-5: .getColorRgbStr(@blue-5)[];
1400
+ @{arco-cssvars-prefix}-blue-6: .getColorRgbStr(@blue-6)[];
1401
+ @{arco-cssvars-prefix}-blue-7: .getColorRgbStr(@blue-7)[];
1402
+ @{arco-cssvars-prefix}-blue-8: .getColorRgbStr(@blue-8)[];
1403
+ @{arco-cssvars-prefix}-blue-9: .getColorRgbStr(@blue-9)[];
1404
+ @{arco-cssvars-prefix}-blue-10: .getColorRgbStr(@blue-10)[];
1405
+ @{arco-cssvars-prefix}-arcoblue-1: .getColorRgbStr(@arcoblue-1)[];
1406
+ @{arco-cssvars-prefix}-arcoblue-2: .getColorRgbStr(@arcoblue-2)[];
1407
+ @{arco-cssvars-prefix}-arcoblue-3: .getColorRgbStr(@arcoblue-3)[];
1408
+ @{arco-cssvars-prefix}-arcoblue-4: .getColorRgbStr(@arcoblue-4)[];
1409
+ @{arco-cssvars-prefix}-arcoblue-5: .getColorRgbStr(@arcoblue-5)[];
1410
+ @{arco-cssvars-prefix}-arcoblue-6: .getColorRgbStr(@arcoblue-6)[];
1411
+ @{arco-cssvars-prefix}-arcoblue-7: .getColorRgbStr(@arcoblue-7)[];
1412
+ @{arco-cssvars-prefix}-arcoblue-8: .getColorRgbStr(@arcoblue-8)[];
1413
+ @{arco-cssvars-prefix}-arcoblue-9: .getColorRgbStr(@arcoblue-9)[];
1414
+ @{arco-cssvars-prefix}-arcoblue-10: .getColorRgbStr(@arcoblue-10)[];
1415
+ @{arco-cssvars-prefix}-purple-1: .getColorRgbStr(@purple-1)[];
1416
+ @{arco-cssvars-prefix}-purple-2: .getColorRgbStr(@purple-2)[];
1417
+ @{arco-cssvars-prefix}-purple-3: .getColorRgbStr(@purple-3)[];
1418
+ @{arco-cssvars-prefix}-purple-4: .getColorRgbStr(@purple-4)[];
1419
+ @{arco-cssvars-prefix}-purple-5: .getColorRgbStr(@purple-5)[];
1420
+ @{arco-cssvars-prefix}-purple-6: .getColorRgbStr(@purple-6)[];
1421
+ @{arco-cssvars-prefix}-purple-7: .getColorRgbStr(@purple-7)[];
1422
+ @{arco-cssvars-prefix}-purple-8: .getColorRgbStr(@purple-8)[];
1423
+ @{arco-cssvars-prefix}-purple-9: .getColorRgbStr(@purple-9)[];
1424
+ @{arco-cssvars-prefix}-purple-10: .getColorRgbStr(@purple-10)[];
1425
+ @{arco-cssvars-prefix}-pinkpurple-1: .getColorRgbStr(@pinkpurple-1)[];
1426
+ @{arco-cssvars-prefix}-pinkpurple-2: .getColorRgbStr(@pinkpurple-2)[];
1427
+ @{arco-cssvars-prefix}-pinkpurple-3: .getColorRgbStr(@pinkpurple-3)[];
1428
+ @{arco-cssvars-prefix}-pinkpurple-4: .getColorRgbStr(@pinkpurple-4)[];
1429
+ @{arco-cssvars-prefix}-pinkpurple-5: .getColorRgbStr(@pinkpurple-5)[];
1430
+ @{arco-cssvars-prefix}-pinkpurple-6: .getColorRgbStr(@pinkpurple-6)[];
1431
+ @{arco-cssvars-prefix}-pinkpurple-7: .getColorRgbStr(@pinkpurple-7)[];
1432
+ @{arco-cssvars-prefix}-pinkpurple-8: .getColorRgbStr(@pinkpurple-8)[];
1433
+ @{arco-cssvars-prefix}-pinkpurple-9: .getColorRgbStr(@pinkpurple-9)[];
1434
+ @{arco-cssvars-prefix}-pinkpurple-10: .getColorRgbStr(@pinkpurple-10)[];
1435
+ @{arco-cssvars-prefix}-magenta-1: .getColorRgbStr(@magenta-1)[];
1436
+ @{arco-cssvars-prefix}-magenta-2: .getColorRgbStr(@magenta-2)[];
1437
+ @{arco-cssvars-prefix}-magenta-3: .getColorRgbStr(@magenta-3)[];
1438
+ @{arco-cssvars-prefix}-magenta-4: .getColorRgbStr(@magenta-4)[];
1439
+ @{arco-cssvars-prefix}-magenta-5: .getColorRgbStr(@magenta-5)[];
1440
+ @{arco-cssvars-prefix}-magenta-6: .getColorRgbStr(@magenta-6)[];
1441
+ @{arco-cssvars-prefix}-magenta-7: .getColorRgbStr(@magenta-7)[];
1442
+ @{arco-cssvars-prefix}-magenta-8: .getColorRgbStr(@magenta-8)[];
1443
+ @{arco-cssvars-prefix}-magenta-9: .getColorRgbStr(@magenta-9)[];
1444
+ @{arco-cssvars-prefix}-magenta-10: .getColorRgbStr(@magenta-10)[];
1445
+ @{arco-cssvars-prefix}-gray-1: .getColorRgbStr(@gray-1)[];
1446
+ @{arco-cssvars-prefix}-gray-2: .getColorRgbStr(@gray-2)[];
1447
+ @{arco-cssvars-prefix}-gray-3: .getColorRgbStr(@gray-3)[];
1448
+ @{arco-cssvars-prefix}-gray-4: .getColorRgbStr(@gray-4)[];
1449
+ @{arco-cssvars-prefix}-gray-5: .getColorRgbStr(@gray-5)[];
1450
+ @{arco-cssvars-prefix}-gray-6: .getColorRgbStr(@gray-6)[];
1451
+ @{arco-cssvars-prefix}-gray-7: .getColorRgbStr(@gray-7)[];
1452
+ @{arco-cssvars-prefix}-gray-8: .getColorRgbStr(@gray-8)[];
1453
+ @{arco-cssvars-prefix}-gray-9: .getColorRgbStr(@gray-9)[];
1454
+ @{arco-cssvars-prefix}-gray-10: .getColorRgbStr(@gray-10)[];
1455
+
1456
+ @{arco-cssvars-prefix}-primary-1: if(iscolor(@primary-1), .getColorRgbStr(@primary-1)[], replace(~'@{primary-1}', 'rgb\((.*)\)$', '$1'));
1457
+ @{arco-cssvars-prefix}-primary-2: if(iscolor(@primary-2), .getColorRgbStr(@primary-2)[], replace(~'@{primary-2}', 'rgb\((.*)\)$', '$1'));
1458
+ @{arco-cssvars-prefix}-primary-3: if(iscolor(@primary-3), .getColorRgbStr(@primary-3)[], replace(~'@{primary-3}', 'rgb\((.*)\)$', '$1'));
1459
+ @{arco-cssvars-prefix}-primary-4: if(iscolor(@primary-4), .getColorRgbStr(@primary-4)[], replace(~'@{primary-4}', 'rgb\((.*)\)$', '$1'));
1460
+ @{arco-cssvars-prefix}-primary-5: if(iscolor(@primary-5), .getColorRgbStr(@primary-5)[], replace(~'@{primary-5}', 'rgb\((.*)\)$', '$1'));
1461
+ @{arco-cssvars-prefix}-primary-6: if(iscolor(@primary-6), .getColorRgbStr(@primary-6)[], replace(~'@{primary-6}', 'rgb\((.*)\)$', '$1'));
1462
+ @{arco-cssvars-prefix}-primary-7: if(iscolor(@primary-7), .getColorRgbStr(@primary-7)[], replace(~'@{primary-7}', 'rgb\((.*)\)$', '$1'));
1463
+ @{arco-cssvars-prefix}-primary-8: if(iscolor(@primary-8), .getColorRgbStr(@primary-8)[], replace(~'@{primary-8}', 'rgb\((.*)\)$', '$1'));
1464
+ @{arco-cssvars-prefix}-primary-9: if(iscolor(@primary-9), .getColorRgbStr(@primary-9)[], replace(~'@{primary-9}', 'rgb\((.*)\)$', '$1'));
1465
+ @{arco-cssvars-prefix}-primary-10: if(iscolor(@primary-10), .getColorRgbStr(@primary-10)[], replace(~'@{primary-10}', 'rgb\((.*)\)$', '$1'));
1466
+
1467
+ @{arco-cssvars-prefix}-link-1: if(iscolor(@link-1), .getColorRgbStr(@link-1)[], replace(~'@{link-1}', 'rgb\((.*)\)$', '$1'));
1468
+ @{arco-cssvars-prefix}-link-2: if(iscolor(@link-2), .getColorRgbStr(@link-2)[], replace(~'@{link-2}', 'rgb\((.*)\)$', '$1'));
1469
+ @{arco-cssvars-prefix}-link-3: if(iscolor(@link-3), .getColorRgbStr(@link-3)[], replace(~'@{link-3}', 'rgb\((.*)\)$', '$1'));
1470
+ @{arco-cssvars-prefix}-link-4: if(iscolor(@link-4), .getColorRgbStr(@link-4)[], replace(~'@{link-4}', 'rgb\((.*)\)$', '$1'));
1471
+ @{arco-cssvars-prefix}-link-5: if(iscolor(@link-5), .getColorRgbStr(@link-5)[], replace(~'@{link-5}', 'rgb\((.*)\)$', '$1'));
1472
+ @{arco-cssvars-prefix}-link-6: if(iscolor(@link-6), .getColorRgbStr(@link-6)[], replace(~'@{link-6}', 'rgb\((.*)\)$', '$1'));
1473
+ @{arco-cssvars-prefix}-link-7: if(iscolor(@link-7), .getColorRgbStr(@link-7)[], replace(~'@{link-7}', 'rgb\((.*)\)$', '$1'));
1474
+ @{arco-cssvars-prefix}-link-8: if(iscolor(@link-8), .getColorRgbStr(@link-8)[], replace(~'@{link-8}', 'rgb\((.*)\)$', '$1'));
1475
+ @{arco-cssvars-prefix}-link-9: if(iscolor(@link-9), .getColorRgbStr(@link-9)[], replace(~'@{link-9}', 'rgb\((.*)\)$', '$1'));
1476
+ @{arco-cssvars-prefix}-link-10: if(iscolor(@link-10), .getColorRgbStr(@link-10)[], replace(~'@{link-10}', 'rgb\((.*)\)$', '$1'));
1477
+
1478
+ @{arco-cssvars-prefix}-success-1: if(iscolor(@success-1), .getColorRgbStr(@success-1)[], replace(~'@{success-1}', 'rgb\((.*)\)$', '$1'));
1479
+ @{arco-cssvars-prefix}-success-2: if(iscolor(@success-2), .getColorRgbStr(@success-2)[], replace(~'@{success-2}', 'rgb\((.*)\)$', '$1'));
1480
+ @{arco-cssvars-prefix}-success-3: if(iscolor(@success-3), .getColorRgbStr(@success-3)[], replace(~'@{success-3}', 'rgb\((.*)\)$', '$1'));
1481
+ @{arco-cssvars-prefix}-success-4: if(iscolor(@success-4), .getColorRgbStr(@success-4)[], replace(~'@{success-4}', 'rgb\((.*)\)$', '$1'));
1482
+ @{arco-cssvars-prefix}-success-5: if(iscolor(@success-5), .getColorRgbStr(@success-5)[], replace(~'@{success-5}', 'rgb\((.*)\)$', '$1'));
1483
+ @{arco-cssvars-prefix}-success-6: if(iscolor(@success-6), .getColorRgbStr(@success-6)[], replace(~'@{success-6}', 'rgb\((.*)\)$', '$1'));
1484
+ @{arco-cssvars-prefix}-success-7: if(iscolor(@success-7), .getColorRgbStr(@success-7)[], replace(~'@{success-7}', 'rgb\((.*)\)$', '$1'));
1485
+ @{arco-cssvars-prefix}-success-8: if(iscolor(@success-8), .getColorRgbStr(@success-8)[], replace(~'@{success-8}', 'rgb\((.*)\)$', '$1'));
1486
+ @{arco-cssvars-prefix}-success-9: if(iscolor(@success-9), .getColorRgbStr(@success-9)[], replace(~'@{success-9}', 'rgb\((.*)\)$', '$1'));
1487
+ @{arco-cssvars-prefix}-success-10: if(iscolor(@success-10), .getColorRgbStr(@success-10)[], replace(~'@{success-10}', 'rgb\((.*)\)$', '$1'));
1488
+ // 错误色
1489
+ @{arco-cssvars-prefix}-danger-1: if(iscolor(@danger-1), .getColorRgbStr(@danger-1)[], replace(~'@{danger-1}', 'rgb\((.*)\)$', '$1'));
1490
+ @{arco-cssvars-prefix}-danger-2: if(iscolor(@danger-2), .getColorRgbStr(@danger-2)[], replace(~'@{danger-2}', 'rgb\((.*)\)$', '$1'));
1491
+ @{arco-cssvars-prefix}-danger-3: if(iscolor(@danger-3), .getColorRgbStr(@danger-3)[], replace(~'@{danger-3}', 'rgb\((.*)\)$', '$1'));
1492
+ @{arco-cssvars-prefix}-danger-4: if(iscolor(@danger-4), .getColorRgbStr(@danger-4)[], replace(~'@{danger-4}', 'rgb\((.*)\)$', '$1'));
1493
+ @{arco-cssvars-prefix}-danger-5: if(iscolor(@danger-5), .getColorRgbStr(@danger-5)[], replace(~'@{danger-5}', 'rgb\((.*)\)$', '$1'));
1494
+ @{arco-cssvars-prefix}-danger-6: if(iscolor(@danger-6), .getColorRgbStr(@danger-6)[], replace(~'@{danger-6}', 'rgb\((.*)\)$', '$1'));
1495
+ @{arco-cssvars-prefix}-danger-7: if(iscolor(@danger-7), .getColorRgbStr(@danger-7)[], replace(~'@{danger-7}', 'rgb\((.*)\)$', '$1'));
1496
+ @{arco-cssvars-prefix}-danger-8: if(iscolor(@danger-8), .getColorRgbStr(@danger-8)[], replace(~'@{danger-8}', 'rgb\((.*)\)$', '$1'));
1497
+ @{arco-cssvars-prefix}-danger-9: if(iscolor(@danger-9), .getColorRgbStr(@danger-9)[], replace(~'@{danger-9}', 'rgb\((.*)\)$', '$1'));
1498
+ @{arco-cssvars-prefix}-danger-10: if(iscolor(@danger-10), .getColorRgbStr(@danger-10)[], replace(~'@{danger-10}', 'rgb\((.*)\)$', '$1'));
1499
+ // 警示色
1500
+ @{arco-cssvars-prefix}-warning-1: if(iscolor(@warning-1), .getColorRgbStr(@warning-1)[], replace(~'@{warning-1}', 'rgb\((.*)\)$', '$1'));
1501
+ @{arco-cssvars-prefix}-warning-2: if(iscolor(@warning-2), .getColorRgbStr(@warning-2)[], replace(~'@{warning-2}', 'rgb\((.*)\)$', '$1'));
1502
+ @{arco-cssvars-prefix}-warning-3: if(iscolor(@warning-3), .getColorRgbStr(@warning-3)[], replace(~'@{warning-3}', 'rgb\((.*)\)$', '$1'));
1503
+ @{arco-cssvars-prefix}-warning-4: if(iscolor(@warning-4), .getColorRgbStr(@warning-4)[], replace(~'@{warning-4}', 'rgb\((.*)\)$', '$1'));
1504
+ @{arco-cssvars-prefix}-warning-5: if(iscolor(@warning-5), .getColorRgbStr(@warning-5)[], replace(~'@{warning-5}', 'rgb\((.*)\)$', '$1'));
1505
+ @{arco-cssvars-prefix}-warning-6: if(iscolor(@warning-6), .getColorRgbStr(@warning-6)[], replace(~'@{warning-6}', 'rgb\((.*)\)$', '$1'));
1506
+ @{arco-cssvars-prefix}-warning-7: if(iscolor(@warning-7), .getColorRgbStr(@warning-7)[], replace(~'@{warning-7}', 'rgb\((.*)\)$', '$1'));
1507
+ @{arco-cssvars-prefix}-warning-8: if(iscolor(@warning-8), .getColorRgbStr(@warning-8)[], replace(~'@{warning-8}', 'rgb\((.*)\)$', '$1'));
1508
+ @{arco-cssvars-prefix}-warning-9: if(iscolor(@warning-9), .getColorRgbStr(@warning-9)[], replace(~'@{warning-9}', 'rgb\((.*)\)$', '$1'));
1509
+ @{arco-cssvars-prefix}-warning-10: if(iscolor(@warning-10), .getColorRgbStr(@warning-10)[], replace(~'@{warning-10}', 'rgb\((.*)\)$', '$1'));
1510
+
1511
+ @{arco-cssvars-prefix}-color-bg-blue: @color-bg-blue;
1512
+ @{arco-cssvars-prefix}-aux-purple-1: if(iscolor(@aux-purple-1), .getColorRgbStr(@aux-purple-1)[], replace(~'@{aux-purple-1}', 'rgb\((.*)\)$', '$1'));
1513
+ @{arco-cssvars-prefix}-aux-purple-2: if(iscolor(@aux-purple-2), .getColorRgbStr(@aux-purple-2)[], replace(~'@{aux-purple-2}', 'rgb\((.*)\)$', '$1'));
1514
+ @{arco-cssvars-prefix}-aux-purple-3: if(iscolor(@aux-purple-3), .getColorRgbStr(@aux-purple-3)[], replace(~'@{aux-purple-3}', 'rgb\((.*)\)$', '$1'));
1515
+ @{arco-cssvars-prefix}-aux-purple-4: if(iscolor(@aux-purple-4), .getColorRgbStr(@aux-purple-4)[], replace(~'@{aux-purple-4}', 'rgb\((.*)\)$', '$1'));
1516
+ @{arco-cssvars-prefix}-aux-purple-5: if(iscolor(@aux-purple-5), .getColorRgbStr(@aux-purple-5)[], replace(~'@{aux-purple-5}', 'rgb\((.*)\)$', '$1'));
1517
+ @{arco-cssvars-prefix}-aux-purple-6: if(iscolor(@aux-purple-6), .getColorRgbStr(@aux-purple-6)[], replace(~'@{aux-purple-6}', 'rgb\((.*)\)$', '$1'));
1518
+ @{arco-cssvars-prefix}-aux-purple-7: if(iscolor(@aux-purple-7), .getColorRgbStr(@aux-purple-7)[], replace(~'@{aux-purple-7}', 'rgb\((.*)\)$', '$1'));
1519
+ @{arco-cssvars-prefix}-aux-purple-8: if(iscolor(@aux-purple-8), .getColorRgbStr(@aux-purple-8)[], replace(~'@{aux-purple-8}', 'rgb\((.*)\)$', '$1'));
1520
+ @{arco-cssvars-prefix}-aux-purple-9: if(iscolor(@aux-purple-9), .getColorRgbStr(@aux-purple-9)[], replace(~'@{aux-purple-9}', 'rgb\((.*)\)$', '$1'));
1521
+ @{arco-cssvars-prefix}-aux-purple-10: if(iscolor(@aux-purple-10), .getColorRgbStr(@aux-purple-10)[], replace(~'@{aux-purple-10}', 'rgb\((.*)\)$', '$1'));
1522
+ @{arco-cssvars-prefix}-aux-blue-1: if(iscolor(@aux-blue-1), .getColorRgbStr(@aux-blue-1)[], replace(~'@{aux-blue-1}', 'rgb\((.*)\)$', '$1'));
1523
+ @{arco-cssvars-prefix}-aux-blue-2: if(iscolor(@aux-blue-2), .getColorRgbStr(@aux-blue-2)[], replace(~'@{aux-blue-2}', 'rgb\((.*)\)$', '$1'));
1524
+ @{arco-cssvars-prefix}-aux-blue-3: if(iscolor(@aux-blue-3), .getColorRgbStr(@aux-blue-3)[], replace(~'@{aux-blue-3}', 'rgb\((.*)\)$', '$1'));
1525
+ @{arco-cssvars-prefix}-aux-blue-4: if(iscolor(@aux-blue-4), .getColorRgbStr(@aux-blue-4)[], replace(~'@{aux-blue-4}', 'rgb\((.*)\)$', '$1'));
1526
+ @{arco-cssvars-prefix}-aux-blue-5: if(iscolor(@aux-blue-5), .getColorRgbStr(@aux-blue-5)[], replace(~'@{aux-blue-5}', 'rgb\((.*)\)$', '$1'));
1527
+ @{arco-cssvars-prefix}-aux-blue-6: if(iscolor(@aux-blue-6), .getColorRgbStr(@aux-blue-6)[], replace(~'@{aux-blue-6}', 'rgb\((.*)\)$', '$1'));
1528
+ @{arco-cssvars-prefix}-aux-blue-7: if(iscolor(@aux-blue-7), .getColorRgbStr(@aux-blue-7)[], replace(~'@{aux-blue-7}', 'rgb\((.*)\)$', '$1'));
1529
+ @{arco-cssvars-prefix}-aux-blue-8: if(iscolor(@aux-blue-8), .getColorRgbStr(@aux-blue-8)[], replace(~'@{aux-blue-8}', 'rgb\((.*)\)$', '$1'));
1530
+ @{arco-cssvars-prefix}-aux-blue-9: if(iscolor(@aux-blue-9), .getColorRgbStr(@aux-blue-9)[], replace(~'@{aux-blue-9}', 'rgb\((.*)\)$', '$1'));
1531
+ @{arco-cssvars-prefix}-aux-blue-10: if(iscolor(@aux-blue-10), .getColorRgbStr(@aux-blue-10)[], replace(~'@{aux-blue-10}', 'rgb\((.*)\)$', '$1'));
1532
+ @{arco-cssvars-prefix}-aux-orange-red-1: if(iscolor(@aux-orange-red-1), .getColorRgbStr(@aux-orange-red-1)[], replace(~'@{aux-orange-red-1}', 'rgb\((.*)\)$', '$1'));
1533
+ @{arco-cssvars-prefix}-aux-orange-red-2: if(iscolor(@aux-orange-red-2), .getColorRgbStr(@aux-orange-red-2)[], replace(~'@{aux-orange-red-2}', 'rgb\((.*)\)$', '$1'));
1534
+ @{arco-cssvars-prefix}-aux-orange-red-3: if(iscolor(@aux-orange-red-3), .getColorRgbStr(@aux-orange-red-3)[], replace(~'@{aux-orange-red-3}', 'rgb\((.*)\)$', '$1'));
1535
+ @{arco-cssvars-prefix}-aux-orange-red-4: if(iscolor(@aux-orange-red-4), .getColorRgbStr(@aux-orange-red-4)[], replace(~'@{aux-orange-red-4}', 'rgb\((.*)\)$', '$1'));
1536
+ @{arco-cssvars-prefix}-aux-orange-red-5: if(iscolor(@aux-orange-red-5), .getColorRgbStr(@aux-orange-red-5)[], replace(~'@{aux-orange-red-5}', 'rgb\((.*)\)$', '$1'));
1537
+ @{arco-cssvars-prefix}-aux-orange-red-6: if(iscolor(@aux-orange-red-6), .getColorRgbStr(@aux-orange-red-6)[], replace(~'@{aux-orange-red-6}', 'rgb\((.*)\)$', '$1'));
1538
+ @{arco-cssvars-prefix}-aux-orange-red-7: if(iscolor(@aux-orange-red-7), .getColorRgbStr(@aux-orange-red-7)[], replace(~'@{aux-orange-red-7}', 'rgb\((.*)\)$', '$1'));
1539
+ @{arco-cssvars-prefix}-aux-orange-red-8: if(iscolor(@aux-orange-red-8), .getColorRgbStr(@aux-orange-red-8)[], replace(~'@{aux-orange-red-8}', 'rgb\((.*)\)$', '$1'));
1540
+ @{arco-cssvars-prefix}-aux-orange-red-9: if(iscolor(@aux-orange-red-9), .getColorRgbStr(@aux-orange-red-9)[], replace(~'@{aux-orange-red-9}', 'rgb\((.*)\)$', '$1'));
1541
+ @{arco-cssvars-prefix}-aux-orange-red-10: if(iscolor(@aux-orange-red-10), .getColorRgbStr(@aux-orange-red-10)[], replace(~'@{aux-orange-red-10}', 'rgb\((.*)\)$', '$1'));
1542
+ @{arco-cssvars-prefix}-aux-gold-1: if(iscolor(@aux-gold-1), .getColorRgbStr(@aux-gold-1)[], replace(~'@{aux-gold-1}', 'rgb\((.*)\)$', '$1'));
1543
+ @{arco-cssvars-prefix}-aux-gold-2: if(iscolor(@aux-gold-2), .getColorRgbStr(@aux-gold-2)[], replace(~'@{aux-gold-2}', 'rgb\((.*)\)$', '$1'));
1544
+ @{arco-cssvars-prefix}-aux-gold-3: if(iscolor(@aux-gold-3), .getColorRgbStr(@aux-gold-3)[], replace(~'@{aux-gold-3}', 'rgb\((.*)\)$', '$1'));
1545
+ @{arco-cssvars-prefix}-aux-gold-4: if(iscolor(@aux-gold-4), .getColorRgbStr(@aux-gold-4)[], replace(~'@{aux-gold-4}', 'rgb\((.*)\)$', '$1'));
1546
+ @{arco-cssvars-prefix}-aux-gold-5: if(iscolor(@aux-gold-5), .getColorRgbStr(@aux-gold-5)[], replace(~'@{aux-gold-5}', 'rgb\((.*)\)$', '$1'));
1547
+ @{arco-cssvars-prefix}-aux-gold-6: if(iscolor(@aux-gold-6), .getColorRgbStr(@aux-gold-6)[], replace(~'@{aux-gold-6}', 'rgb\((.*)\)$', '$1'));
1548
+ @{arco-cssvars-prefix}-aux-gold-7: if(iscolor(@aux-gold-7), .getColorRgbStr(@aux-gold-7)[], replace(~'@{aux-gold-7}', 'rgb\((.*)\)$', '$1'));
1549
+ @{arco-cssvars-prefix}-aux-gold-8: if(iscolor(@aux-gold-8), .getColorRgbStr(@aux-gold-8)[], replace(~'@{aux-gold-8}', 'rgb\((.*)\)$', '$1'));
1550
+ @{arco-cssvars-prefix}-aux-gold-9: if(iscolor(@aux-gold-9), .getColorRgbStr(@aux-gold-9)[], replace(~'@{aux-gold-9}', 'rgb\((.*)\)$', '$1'));
1551
+ @{arco-cssvars-prefix}-aux-gold-10: if(iscolor(@aux-gold-10), .getColorRgbStr(@aux-gold-10)[], replace(~'@{aux-gold-10}', 'rgb\((.*)\)$', '$1'));
1552
+ @{arco-cssvars-prefix}-aux-yellow-1: if(iscolor(@aux-yellow-1), .getColorRgbStr(@aux-yellow-1)[], replace(~'@{aux-yellow-1}', 'rgb\((.*)\)$', '$1'));
1553
+ @{arco-cssvars-prefix}-aux-yellow-2: if(iscolor(@aux-yellow-2), .getColorRgbStr(@aux-yellow-2)[], replace(~'@{aux-yellow-2}', 'rgb\((.*)\)$', '$1'));
1554
+ @{arco-cssvars-prefix}-aux-yellow-3: if(iscolor(@aux-yellow-3), .getColorRgbStr(@aux-yellow-3)[], replace(~'@{aux-yellow-3}', 'rgb\((.*)\)$', '$1'));
1555
+ @{arco-cssvars-prefix}-aux-yellow-4: if(iscolor(@aux-yellow-4), .getColorRgbStr(@aux-yellow-4)[], replace(~'@{aux-yellow-4}', 'rgb\((.*)\)$', '$1'));
1556
+ @{arco-cssvars-prefix}-aux-yellow-5: if(iscolor(@aux-yellow-5), .getColorRgbStr(@aux-yellow-5)[], replace(~'@{aux-yellow-5}', 'rgb\((.*)\)$', '$1'));
1557
+ @{arco-cssvars-prefix}-aux-yellow-6: if(iscolor(@aux-yellow-6), .getColorRgbStr(@aux-yellow-6)[], replace(~'@{aux-yellow-6}', 'rgb\((.*)\)$', '$1'));
1558
+ @{arco-cssvars-prefix}-aux-yellow-7: if(iscolor(@aux-yellow-7), .getColorRgbStr(@aux-yellow-7)[], replace(~'@{aux-yellow-7}', 'rgb\((.*)\)$', '$1'));
1559
+ @{arco-cssvars-prefix}-aux-yellow-8: if(iscolor(@aux-yellow-8), .getColorRgbStr(@aux-yellow-8)[], replace(~'@{aux-yellow-8}', 'rgb\((.*)\)$', '$1'));
1560
+ @{arco-cssvars-prefix}-aux-yellow-9: if(iscolor(@aux-yellow-9), .getColorRgbStr(@aux-yellow-9)[], replace(~'@{aux-yellow-9}', 'rgb\((.*)\)$', '$1'));
1561
+ @{arco-cssvars-prefix}-aux-yellow-10: if(iscolor(@aux-yellow-10), .getColorRgbStr(@aux-yellow-10)[], replace(~'@{aux-yellow-10}', 'rgb\((.*)\)$', '$1'));
1562
+ @{arco-cssvars-prefix}-aux-bluegray-1: if(iscolor(@aux-bluegray-1), .getColorRgbStr(@aux-bluegray-1)[], replace(~'@{aux-bluegray-1}', 'rgb\((.*)\)$', '$1'));
1563
+ @{arco-cssvars-prefix}-aux-bluegray-2: if(iscolor(@aux-bluegray-2), .getColorRgbStr(@aux-bluegray-2)[], replace(~'@{aux-bluegray-2}', 'rgb\((.*)\)$', '$1'));
1564
+ @{arco-cssvars-prefix}-aux-bluegray-3: if(iscolor(@aux-bluegray-3), .getColorRgbStr(@aux-bluegray-3)[], replace(~'@{aux-bluegray-3}', 'rgb\((.*)\)$', '$1'));
1565
+ @{arco-cssvars-prefix}-aux-bluegray-4: if(iscolor(@aux-bluegray-4), .getColorRgbStr(@aux-bluegray-4)[], replace(~'@{aux-bluegray-4}', 'rgb\((.*)\)$', '$1'));
1566
+ @{arco-cssvars-prefix}-aux-bluegray-5: if(iscolor(@aux-bluegray-5), .getColorRgbStr(@aux-bluegray-5)[], replace(~'@{aux-bluegray-5}', 'rgb\((.*)\)$', '$1'));
1567
+ @{arco-cssvars-prefix}-aux-bluegray-6: if(iscolor(@aux-bluegray-6), .getColorRgbStr(@aux-bluegray-6)[], replace(~'@{aux-bluegray-6}', 'rgb\((.*)\)$', '$1'));
1568
+ @{arco-cssvars-prefix}-aux-bluegray-7: if(iscolor(@aux-bluegray-7), .getColorRgbStr(@aux-bluegray-7)[], replace(~'@{aux-bluegray-7}', 'rgb\((.*)\)$', '$1'));
1569
+ @{arco-cssvars-prefix}-aux-bluegray-8: if(iscolor(@aux-bluegray-8), .getColorRgbStr(@aux-bluegray-8)[], replace(~'@{aux-bluegray-8}', 'rgb\((.*)\)$', '$1'));
1570
+ @{arco-cssvars-prefix}-aux-bluegray-9: if(iscolor(@aux-bluegray-9), .getColorRgbStr(@aux-bluegray-9)[], replace(~'@{aux-bluegray-9}', 'rgb\((.*)\)$', '$1'));
1571
+ @{arco-cssvars-prefix}-aux-bluegray-10: if(iscolor(@aux-bluegray-10), .getColorRgbStr(@aux-bluegray-10)[], replace(~'@{aux-bluegray-10}', 'rgb\((.*)\)$', '$1'));
1572
+ @{arco-cssvars-prefix}-aux-cyan-1: if(iscolor(@aux-cyan-1), .getColorRgbStr(@aux-cyan-1)[], replace(~'@{aux-cyan-1}', 'rgb\((.*)\)$', '$1'));
1573
+ @{arco-cssvars-prefix}-aux-cyan-2: if(iscolor(@aux-cyan-2), .getColorRgbStr(@aux-cyan-2)[], replace(~'@{aux-cyan-2}', 'rgb\((.*)\)$', '$1'));
1574
+ @{arco-cssvars-prefix}-aux-cyan-3: if(iscolor(@aux-cyan-3), .getColorRgbStr(@aux-cyan-3)[], replace(~'@{aux-cyan-3}', 'rgb\((.*)\)$', '$1'));
1575
+ @{arco-cssvars-prefix}-aux-cyan-4: if(iscolor(@aux-cyan-4), .getColorRgbStr(@aux-cyan-4)[], replace(~'@{aux-cyan-4}', 'rgb\((.*)\)$', '$1'));
1576
+ @{arco-cssvars-prefix}-aux-cyan-5: if(iscolor(@aux-cyan-5), .getColorRgbStr(@aux-cyan-5)[], replace(~'@{aux-cyan-5}', 'rgb\((.*)\)$', '$1'));
1577
+ @{arco-cssvars-prefix}-aux-cyan-6: if(iscolor(@aux-cyan-6), .getColorRgbStr(@aux-cyan-6)[], replace(~'@{aux-cyan-6}', 'rgb\((.*)\)$', '$1'));
1578
+ @{arco-cssvars-prefix}-aux-cyan-7: if(iscolor(@aux-cyan-7), .getColorRgbStr(@aux-cyan-7)[], replace(~'@{aux-cyan-7}', 'rgb\((.*)\)$', '$1'));
1579
+ @{arco-cssvars-prefix}-aux-cyan-8: if(iscolor(@aux-cyan-8), .getColorRgbStr(@aux-cyan-8)[], replace(~'@{aux-cyan-8}', 'rgb\((.*)\)$', '$1'));
1580
+ @{arco-cssvars-prefix}-aux-cyan-9: if(iscolor(@aux-cyan-9), .getColorRgbStr(@aux-cyan-9)[], replace(~'@{aux-cyan-9}', 'rgb\((.*)\)$', '$1'));
1581
+ @{arco-cssvars-prefix}-aux-cyan-10: if(iscolor(@aux-cyan-10), .getColorRgbStr(@aux-cyan-10)[], replace(~'@{aux-cyan-10}', 'rgb\((.*)\)$', '$1'));
1582
+ @{arco-cssvars-prefix}-aux-pink-purple-1: if(iscolor(@aux-pink-purple-1), .getColorRgbStr(@aux-pink-purple-1)[], replace(~'@{aux-pink-purple-1}', 'rgb\((.*)\)$', '$1'));
1583
+ @{arco-cssvars-prefix}-aux-pink-purple-2: if(iscolor(@aux-pink-purple-2), .getColorRgbStr(@aux-pink-purple-2)[], replace(~'@{aux-pink-purple-2}', 'rgb\((.*)\)$', '$1'));
1584
+ @{arco-cssvars-prefix}-aux-pink-purple-3: if(iscolor(@aux-pink-purple-3), .getColorRgbStr(@aux-pink-purple-3)[], replace(~'@{aux-pink-purple-3}', 'rgb\((.*)\)$', '$1'));
1585
+ @{arco-cssvars-prefix}-aux-pink-purple-4: if(iscolor(@aux-pink-purple-4), .getColorRgbStr(@aux-pink-purple-4)[], replace(~'@{aux-pink-purple-4}', 'rgb\((.*)\)$', '$1'));
1586
+ @{arco-cssvars-prefix}-aux-pink-purple-5: if(iscolor(@aux-pink-purple-5), .getColorRgbStr(@aux-pink-purple-5)[], replace(~'@{aux-pink-purple-5}', 'rgb\((.*)\)$', '$1'));
1587
+ @{arco-cssvars-prefix}-aux-pink-purple-6: if(iscolor(@aux-pink-purple-6), .getColorRgbStr(@aux-pink-purple-6)[], replace(~'@{aux-pink-purple-6}', 'rgb\((.*)\)$', '$1'));
1588
+ @{arco-cssvars-prefix}-aux-pink-purple-7: if(iscolor(@aux-pink-purple-7), .getColorRgbStr(@aux-pink-purple-7)[], replace(~'@{aux-pink-purple-7}', 'rgb\((.*)\)$', '$1'));
1589
+ @{arco-cssvars-prefix}-aux-pink-purple-8: if(iscolor(@aux-pink-purple-8), .getColorRgbStr(@aux-pink-purple-8)[], replace(~'@{aux-pink-purple-8}', 'rgb\((.*)\)$', '$1'));
1590
+ @{arco-cssvars-prefix}-aux-pink-purple-9: if(iscolor(@aux-pink-purple-9), .getColorRgbStr(@aux-pink-purple-9)[], replace(~'@{aux-pink-purple-9}', 'rgb\((.*)\)$', '$1'));
1591
+ @{arco-cssvars-prefix}-aux-pink-purple-10: if(iscolor(@aux-pink-purple-10), .getColorRgbStr(@aux-pink-purple-10)[], replace(~'@{aux-pink-purple-10}', 'rgb\((.*)\)$', '$1'));
1592
+ @{arco-cssvars-prefix}-aux-magenta-1: if(iscolor(@aux-magenta-1), .getColorRgbStr(@aux-magenta-1)[], replace(~'@{aux-magenta-1}', 'rgb\((.*)\)$', '$1'));
1593
+ @{arco-cssvars-prefix}-aux-magenta-2: if(iscolor(@aux-magenta-2), .getColorRgbStr(@aux-magenta-2)[], replace(~'@{aux-magenta-2}', 'rgb\((.*)\)$', '$1'));
1594
+ @{arco-cssvars-prefix}-aux-magenta-3: if(iscolor(@aux-magenta-3), .getColorRgbStr(@aux-magenta-3)[], replace(~'@{aux-magenta-3}', 'rgb\((.*)\)$', '$1'));
1595
+ @{arco-cssvars-prefix}-aux-magenta-4: if(iscolor(@aux-magenta-4), .getColorRgbStr(@aux-magenta-4)[], replace(~'@{aux-magenta-4}', 'rgb\((.*)\)$', '$1'));
1596
+ @{arco-cssvars-prefix}-aux-magenta-5: if(iscolor(@aux-magenta-5), .getColorRgbStr(@aux-magenta-5)[], replace(~'@{aux-magenta-5}', 'rgb\((.*)\)$', '$1'));
1597
+ @{arco-cssvars-prefix}-aux-magenta-6: if(iscolor(@aux-magenta-6), .getColorRgbStr(@aux-magenta-6)[], replace(~'@{aux-magenta-6}', 'rgb\((.*)\)$', '$1'));
1598
+ @{arco-cssvars-prefix}-aux-magenta-7: if(iscolor(@aux-magenta-7), .getColorRgbStr(@aux-magenta-7)[], replace(~'@{aux-magenta-7}', 'rgb\((.*)\)$', '$1'));
1599
+ @{arco-cssvars-prefix}-aux-magenta-8: if(iscolor(@aux-magenta-8), .getColorRgbStr(@aux-magenta-8)[], replace(~'@{aux-magenta-8}', 'rgb\((.*)\)$', '$1'));
1600
+ @{arco-cssvars-prefix}-aux-magenta-9: if(iscolor(@aux-magenta-9), .getColorRgbStr(@aux-magenta-9)[], replace(~'@{aux-magenta-9}', 'rgb\((.*)\)$', '$1'));
1601
+ @{arco-cssvars-prefix}-aux-magenta-10: if(iscolor(@aux-magenta-10), .getColorRgbStr(@aux-magenta-10)[], replace(~'@{aux-magenta-10}', 'rgb\((.*)\)$', '$1'));
1602
+ @{arco-cssvars-prefix}-color-overlay-1: @color-overlay-1;
1603
+ @{arco-cssvars-prefix}-color-overlay-2: @color-overlay-2;
1604
+
1605
+ }
1606
+
1607
+ @{arco-theme-tag}[arco-theme='dark'] {
1608
+ @{arco-cssvars-prefix}-red-1: .getColorRgbStr(@dark-red-1)[];
1609
+ @{arco-cssvars-prefix}-red-2: .getColorRgbStr(@dark-red-2)[];
1610
+ @{arco-cssvars-prefix}-red-3: .getColorRgbStr(@dark-red-3)[];
1611
+ @{arco-cssvars-prefix}-red-4: .getColorRgbStr(@dark-red-4)[];
1612
+ @{arco-cssvars-prefix}-red-5: .getColorRgbStr(@dark-red-5)[];
1613
+ @{arco-cssvars-prefix}-red-6: .getColorRgbStr(@dark-red-6)[];
1614
+ @{arco-cssvars-prefix}-red-7: .getColorRgbStr(@dark-red-7)[];
1615
+ @{arco-cssvars-prefix}-red-8: .getColorRgbStr(@dark-red-8)[];
1616
+ @{arco-cssvars-prefix}-red-9: .getColorRgbStr(@dark-red-9)[];
1617
+ @{arco-cssvars-prefix}-red-10: .getColorRgbStr(@dark-red-10)[];
1618
+ @{arco-cssvars-prefix}-orangered-1: .getColorRgbStr(@dark-orangered-1)[];
1619
+ @{arco-cssvars-prefix}-orangered-2: .getColorRgbStr(@dark-orangered-2)[];
1620
+ @{arco-cssvars-prefix}-orangered-3: .getColorRgbStr(@dark-orangered-3)[];
1621
+ @{arco-cssvars-prefix}-orangered-4: .getColorRgbStr(@dark-orangered-4)[];
1622
+ @{arco-cssvars-prefix}-orangered-5: .getColorRgbStr(@dark-orangered-5)[];
1623
+ @{arco-cssvars-prefix}-orangered-6: .getColorRgbStr(@dark-orangered-6)[];
1624
+ @{arco-cssvars-prefix}-orangered-7: .getColorRgbStr(@dark-orangered-7)[];
1625
+ @{arco-cssvars-prefix}-orangered-8: .getColorRgbStr(@dark-orangered-8)[];
1626
+ @{arco-cssvars-prefix}-orangered-9: .getColorRgbStr(@dark-orangered-9)[];
1627
+ @{arco-cssvars-prefix}-orangered-10: .getColorRgbStr(@dark-orangered-10)[];
1628
+ @{arco-cssvars-prefix}-orange-1: .getColorRgbStr(@dark-orange-1)[];
1629
+ @{arco-cssvars-prefix}-orange-2: .getColorRgbStr(@dark-orange-2)[];
1630
+ @{arco-cssvars-prefix}-orange-3: .getColorRgbStr(@dark-orange-3)[];
1631
+ @{arco-cssvars-prefix}-orange-4: .getColorRgbStr(@dark-orange-4)[];
1632
+ @{arco-cssvars-prefix}-orange-5: .getColorRgbStr(@dark-orange-5)[];
1633
+ @{arco-cssvars-prefix}-orange-6: .getColorRgbStr(@dark-orange-6)[];
1634
+ @{arco-cssvars-prefix}-orange-7: .getColorRgbStr(@dark-orange-7)[];
1635
+ @{arco-cssvars-prefix}-orange-8: .getColorRgbStr(@dark-orange-8)[];
1636
+ @{arco-cssvars-prefix}-orange-9: .getColorRgbStr(@dark-orange-9)[];
1637
+ @{arco-cssvars-prefix}-orange-10: .getColorRgbStr(@dark-orange-10)[];
1638
+ @{arco-cssvars-prefix}-gold-1: .getColorRgbStr(@dark-gold-1)[];
1639
+ @{arco-cssvars-prefix}-gold-2: .getColorRgbStr(@dark-gold-2)[];
1640
+ @{arco-cssvars-prefix}-gold-3: .getColorRgbStr(@dark-gold-3)[];
1641
+ @{arco-cssvars-prefix}-gold-4: .getColorRgbStr(@dark-gold-4)[];
1642
+ @{arco-cssvars-prefix}-gold-5: .getColorRgbStr(@dark-gold-5)[];
1643
+ @{arco-cssvars-prefix}-gold-6: .getColorRgbStr(@dark-gold-6)[];
1644
+ @{arco-cssvars-prefix}-gold-7: .getColorRgbStr(@dark-gold-7)[];
1645
+ @{arco-cssvars-prefix}-gold-8: .getColorRgbStr(@dark-gold-8)[];
1646
+ @{arco-cssvars-prefix}-gold-9: .getColorRgbStr(@dark-gold-9)[];
1647
+ @{arco-cssvars-prefix}-gold-10: .getColorRgbStr(@dark-gold-10)[];
1648
+ @{arco-cssvars-prefix}-yellow-1: .getColorRgbStr(@dark-yellow-1)[];
1649
+ @{arco-cssvars-prefix}-yellow-2: .getColorRgbStr(@dark-yellow-2)[];
1650
+ @{arco-cssvars-prefix}-yellow-3: .getColorRgbStr(@dark-yellow-3)[];
1651
+ @{arco-cssvars-prefix}-yellow-4: .getColorRgbStr(@dark-yellow-4)[];
1652
+ @{arco-cssvars-prefix}-yellow-5: .getColorRgbStr(@dark-yellow-5)[];
1653
+ @{arco-cssvars-prefix}-yellow-6: .getColorRgbStr(@dark-yellow-6)[];
1654
+ @{arco-cssvars-prefix}-yellow-7: .getColorRgbStr(@dark-yellow-7)[];
1655
+ @{arco-cssvars-prefix}-yellow-8: .getColorRgbStr(@dark-yellow-8)[];
1656
+ @{arco-cssvars-prefix}-yellow-9: .getColorRgbStr(@dark-yellow-9)[];
1657
+ @{arco-cssvars-prefix}-yellow-10: .getColorRgbStr(@dark-yellow-10)[];
1658
+ @{arco-cssvars-prefix}-lime-1: .getColorRgbStr(@dark-lime-1)[];
1659
+ @{arco-cssvars-prefix}-lime-2: .getColorRgbStr(@dark-lime-2)[];
1660
+ @{arco-cssvars-prefix}-lime-3: .getColorRgbStr(@dark-lime-3)[];
1661
+ @{arco-cssvars-prefix}-lime-4: .getColorRgbStr(@dark-lime-4)[];
1662
+ @{arco-cssvars-prefix}-lime-5: .getColorRgbStr(@dark-lime-5)[];
1663
+ @{arco-cssvars-prefix}-lime-6: .getColorRgbStr(@dark-lime-6)[];
1664
+ @{arco-cssvars-prefix}-lime-7: .getColorRgbStr(@dark-lime-7)[];
1665
+ @{arco-cssvars-prefix}-lime-8: .getColorRgbStr(@dark-lime-8)[];
1666
+ @{arco-cssvars-prefix}-lime-9: .getColorRgbStr(@dark-lime-9)[];
1667
+ @{arco-cssvars-prefix}-lime-10: .getColorRgbStr(@dark-lime-10)[];
1668
+ @{arco-cssvars-prefix}-green-1: .getColorRgbStr(@dark-green-1)[];
1669
+ @{arco-cssvars-prefix}-green-2: .getColorRgbStr(@dark-green-2)[];
1670
+ @{arco-cssvars-prefix}-green-3: .getColorRgbStr(@dark-green-3)[];
1671
+ @{arco-cssvars-prefix}-green-4: .getColorRgbStr(@dark-green-4)[];
1672
+ @{arco-cssvars-prefix}-green-5: .getColorRgbStr(@dark-green-5)[];
1673
+ @{arco-cssvars-prefix}-green-6: .getColorRgbStr(@dark-green-6)[];
1674
+ @{arco-cssvars-prefix}-green-7: .getColorRgbStr(@dark-green-7)[];
1675
+ @{arco-cssvars-prefix}-green-8: .getColorRgbStr(@dark-green-8)[];
1676
+ @{arco-cssvars-prefix}-green-9: .getColorRgbStr(@dark-green-9)[];
1677
+ @{arco-cssvars-prefix}-green-10: .getColorRgbStr(@dark-green-10)[];
1678
+ @{arco-cssvars-prefix}-cyan-1: .getColorRgbStr(@dark-cyan-1)[];
1679
+ @{arco-cssvars-prefix}-cyan-2: .getColorRgbStr(@dark-cyan-2)[];
1680
+ @{arco-cssvars-prefix}-cyan-3: .getColorRgbStr(@dark-cyan-3)[];
1681
+ @{arco-cssvars-prefix}-cyan-4: .getColorRgbStr(@dark-cyan-4)[];
1682
+ @{arco-cssvars-prefix}-cyan-5: .getColorRgbStr(@dark-cyan-5)[];
1683
+ @{arco-cssvars-prefix}-cyan-6: .getColorRgbStr(@dark-cyan-6)[];
1684
+ @{arco-cssvars-prefix}-cyan-7: .getColorRgbStr(@dark-cyan-7)[];
1685
+ @{arco-cssvars-prefix}-cyan-8: .getColorRgbStr(@dark-cyan-8)[];
1686
+ @{arco-cssvars-prefix}-cyan-9: .getColorRgbStr(@dark-cyan-9)[];
1687
+ @{arco-cssvars-prefix}-cyan-10: .getColorRgbStr(@dark-cyan-10)[];
1688
+ @{arco-cssvars-prefix}-blue-1: .getColorRgbStr(@dark-blue-1)[];
1689
+ @{arco-cssvars-prefix}-blue-2: .getColorRgbStr(@dark-blue-2)[];
1690
+ @{arco-cssvars-prefix}-blue-3: .getColorRgbStr(@dark-blue-3)[];
1691
+ @{arco-cssvars-prefix}-blue-4: .getColorRgbStr(@dark-blue-4)[];
1692
+ @{arco-cssvars-prefix}-blue-5: .getColorRgbStr(@dark-blue-5)[];
1693
+ @{arco-cssvars-prefix}-blue-6: .getColorRgbStr(@dark-blue-6)[];
1694
+ @{arco-cssvars-prefix}-blue-7: .getColorRgbStr(@dark-blue-7)[];
1695
+ @{arco-cssvars-prefix}-blue-8: .getColorRgbStr(@dark-blue-8)[];
1696
+ @{arco-cssvars-prefix}-blue-9: .getColorRgbStr(@dark-blue-9)[];
1697
+ @{arco-cssvars-prefix}-blue-10: .getColorRgbStr(@dark-blue-10)[];
1698
+ @{arco-cssvars-prefix}-arcoblue-1: .getColorRgbStr(@dark-arcoblue-1)[];
1699
+ @{arco-cssvars-prefix}-arcoblue-2: .getColorRgbStr(@dark-arcoblue-2)[];
1700
+ @{arco-cssvars-prefix}-arcoblue-3: .getColorRgbStr(@dark-arcoblue-3)[];
1701
+ @{arco-cssvars-prefix}-arcoblue-4: .getColorRgbStr(@dark-arcoblue-4)[];
1702
+ @{arco-cssvars-prefix}-arcoblue-5: .getColorRgbStr(@dark-arcoblue-5)[];
1703
+ @{arco-cssvars-prefix}-arcoblue-6: .getColorRgbStr(@dark-arcoblue-6)[];
1704
+ @{arco-cssvars-prefix}-arcoblue-7: .getColorRgbStr(@dark-arcoblue-7)[];
1705
+ @{arco-cssvars-prefix}-arcoblue-8: .getColorRgbStr(@dark-arcoblue-8)[];
1706
+ @{arco-cssvars-prefix}-arcoblue-9: .getColorRgbStr(@dark-arcoblue-9)[];
1707
+ @{arco-cssvars-prefix}-arcoblue-10: .getColorRgbStr(@dark-arcoblue-10)[];
1708
+ @{arco-cssvars-prefix}-purple-1: .getColorRgbStr(@dark-purple-1)[];
1709
+ @{arco-cssvars-prefix}-purple-2: .getColorRgbStr(@dark-purple-2)[];
1710
+ @{arco-cssvars-prefix}-purple-3: .getColorRgbStr(@dark-purple-3)[];
1711
+ @{arco-cssvars-prefix}-purple-4: .getColorRgbStr(@dark-purple-4)[];
1712
+ @{arco-cssvars-prefix}-purple-5: .getColorRgbStr(@dark-purple-5)[];
1713
+ @{arco-cssvars-prefix}-purple-6: .getColorRgbStr(@dark-purple-6)[];
1714
+ @{arco-cssvars-prefix}-purple-7: .getColorRgbStr(@dark-purple-7)[];
1715
+ @{arco-cssvars-prefix}-purple-8: .getColorRgbStr(@dark-purple-8)[];
1716
+ @{arco-cssvars-prefix}-purple-9: .getColorRgbStr(@dark-purple-9)[];
1717
+ @{arco-cssvars-prefix}-purple-10: .getColorRgbStr(@dark-purple-10)[];
1718
+ @{arco-cssvars-prefix}-pinkpurple-1: .getColorRgbStr(@dark-pinkpurple-1)[];
1719
+ @{arco-cssvars-prefix}-pinkpurple-2: .getColorRgbStr(@dark-pinkpurple-2)[];
1720
+ @{arco-cssvars-prefix}-pinkpurple-3: .getColorRgbStr(@dark-pinkpurple-3)[];
1721
+ @{arco-cssvars-prefix}-pinkpurple-4: .getColorRgbStr(@dark-pinkpurple-4)[];
1722
+ @{arco-cssvars-prefix}-pinkpurple-5: .getColorRgbStr(@dark-pinkpurple-5)[];
1723
+ @{arco-cssvars-prefix}-pinkpurple-6: .getColorRgbStr(@dark-pinkpurple-6)[];
1724
+ @{arco-cssvars-prefix}-pinkpurple-7: .getColorRgbStr(@dark-pinkpurple-7)[];
1725
+ @{arco-cssvars-prefix}-pinkpurple-8: .getColorRgbStr(@dark-pinkpurple-8)[];
1726
+ @{arco-cssvars-prefix}-pinkpurple-9: .getColorRgbStr(@dark-pinkpurple-9)[];
1727
+ @{arco-cssvars-prefix}-pinkpurple-10: .getColorRgbStr(@dark-pinkpurple-10)[];
1728
+ @{arco-cssvars-prefix}-magenta-1: .getColorRgbStr(@dark-magenta-1)[];
1729
+ @{arco-cssvars-prefix}-magenta-2: .getColorRgbStr(@dark-magenta-2)[];
1730
+ @{arco-cssvars-prefix}-magenta-3: .getColorRgbStr(@dark-magenta-3)[];
1731
+ @{arco-cssvars-prefix}-magenta-4: .getColorRgbStr(@dark-magenta-4)[];
1732
+ @{arco-cssvars-prefix}-magenta-5: .getColorRgbStr(@dark-magenta-5)[];
1733
+ @{arco-cssvars-prefix}-magenta-6: .getColorRgbStr(@dark-magenta-6)[];
1734
+ @{arco-cssvars-prefix}-magenta-7: .getColorRgbStr(@dark-magenta-7)[];
1735
+ @{arco-cssvars-prefix}-magenta-8: .getColorRgbStr(@dark-magenta-8)[];
1736
+ @{arco-cssvars-prefix}-magenta-9: .getColorRgbStr(@dark-magenta-9)[];
1737
+ @{arco-cssvars-prefix}-magenta-10: .getColorRgbStr(@dark-magenta-10)[];
1738
+ @{arco-cssvars-prefix}-gray-1: .getColorRgbStr(@dark-gray-1)[];
1739
+ @{arco-cssvars-prefix}-gray-2: .getColorRgbStr(@dark-gray-2)[];
1740
+ @{arco-cssvars-prefix}-gray-3: .getColorRgbStr(@dark-gray-3)[];
1741
+ @{arco-cssvars-prefix}-gray-4: .getColorRgbStr(@dark-gray-4)[];
1742
+ @{arco-cssvars-prefix}-gray-5: .getColorRgbStr(@dark-gray-5)[];
1743
+ @{arco-cssvars-prefix}-gray-6: .getColorRgbStr(@dark-gray-6)[];
1744
+ @{arco-cssvars-prefix}-gray-7: .getColorRgbStr(@dark-gray-7)[];
1745
+ @{arco-cssvars-prefix}-gray-8: .getColorRgbStr(@dark-gray-8)[];
1746
+ @{arco-cssvars-prefix}-gray-9: .getColorRgbStr(@dark-gray-9)[];
1747
+ @{arco-cssvars-prefix}-gray-10: .getColorRgbStr(@dark-gray-10)[];
1748
+ @{arco-cssvars-prefix}-primary-1: if(iscolor(@dark-primary-1), .getColorRgbStr(@dark-primary-1)[], replace(~'@{dark-primary-1}', 'rgb\((.*)\)$', '$1'));
1749
+ @{arco-cssvars-prefix}-primary-2: if(iscolor(@dark-primary-2), .getColorRgbStr(@dark-primary-2)[], replace(~'@{dark-primary-2}', 'rgb\((.*)\)$', '$1'));
1750
+ @{arco-cssvars-prefix}-primary-3: if(iscolor(@dark-primary-3), .getColorRgbStr(@dark-primary-3)[], replace(~'@{dark-primary-3}', 'rgb\((.*)\)$', '$1'));
1751
+ @{arco-cssvars-prefix}-primary-4: if(iscolor(@dark-primary-4), .getColorRgbStr(@dark-primary-4)[], replace(~'@{dark-primary-4}', 'rgb\((.*)\)$', '$1'));
1752
+ @{arco-cssvars-prefix}-primary-5: if(iscolor(@dark-primary-5), .getColorRgbStr(@dark-primary-5)[], replace(~'@{dark-primary-5}', 'rgb\((.*)\)$', '$1'));
1753
+ @{arco-cssvars-prefix}-primary-6: if(iscolor(@dark-primary-6), .getColorRgbStr(@dark-primary-6)[], replace(~'@{dark-primary-6}', 'rgb\((.*)\)$', '$1'));
1754
+ @{arco-cssvars-prefix}-primary-7: if(iscolor(@dark-primary-7), .getColorRgbStr(@dark-primary-7)[], replace(~'@{dark-primary-7}', 'rgb\((.*)\)$', '$1'));
1755
+ @{arco-cssvars-prefix}-primary-8: if(iscolor(@dark-primary-8), .getColorRgbStr(@dark-primary-8)[], replace(~'@{dark-primary-8}', 'rgb\((.*)\)$', '$1'));
1756
+ @{arco-cssvars-prefix}-primary-9: if(iscolor(@dark-primary-9), .getColorRgbStr(@dark-primary-9)[], replace(~'@{dark-primary-9}', 'rgb\((.*)\)$', '$1'));
1757
+ @{arco-cssvars-prefix}-primary-10: if(iscolor(@dark-primary-10), .getColorRgbStr(@dark-primary-10)[], replace(~'@{dark-primary-10}', 'rgb\((.*)\)$', '$1'));
1758
+ @{arco-cssvars-prefix}-link-1: if(iscolor(@dark-link-1), .getColorRgbStr(@dark-link-1)[], replace(~'@{dark-link-1}', 'rgb\((.*)\)$', '$1'));
1759
+ @{arco-cssvars-prefix}-link-2: if(iscolor(@dark-link-2), .getColorRgbStr(@dark-link-2)[], replace(~'@{dark-link-2}', 'rgb\((.*)\)$', '$1'));
1760
+ @{arco-cssvars-prefix}-link-3: if(iscolor(@dark-link-3), .getColorRgbStr(@dark-link-3)[], replace(~'@{dark-link-3}', 'rgb\((.*)\)$', '$1'));
1761
+ @{arco-cssvars-prefix}-link-4: if(iscolor(@dark-link-4), .getColorRgbStr(@dark-link-4)[], replace(~'@{dark-link-4}', 'rgb\((.*)\)$', '$1'));
1762
+ @{arco-cssvars-prefix}-link-5: if(iscolor(@dark-link-5), .getColorRgbStr(@dark-link-5)[], replace(~'@{dark-link-5}', 'rgb\((.*)\)$', '$1'));
1763
+ @{arco-cssvars-prefix}-link-6: if(iscolor(@dark-link-6), .getColorRgbStr(@dark-link-6)[], replace(~'@{dark-link-6}', 'rgb\((.*)\)$', '$1'));
1764
+ @{arco-cssvars-prefix}-link-7: if(iscolor(@dark-link-7), .getColorRgbStr(@dark-link-7)[], replace(~'@{dark-link-7}', 'rgb\((.*)\)$', '$1'));
1765
+ @{arco-cssvars-prefix}-link-8: if(iscolor(@dark-link-8), .getColorRgbStr(@dark-link-8)[], replace(~'@{dark-link-8}', 'rgb\((.*)\)$', '$1'));
1766
+ @{arco-cssvars-prefix}-link-9: if(iscolor(@dark-link-9), .getColorRgbStr(@dark-link-9)[], replace(~'@{dark-link-9}', 'rgb\((.*)\)$', '$1'));
1767
+ @{arco-cssvars-prefix}-link-10: if(iscolor(@dark-link-10), .getColorRgbStr(@dark-link-10)[], replace(~'@{dark-link-10}', 'rgb\((.*)\)$', '$1'));
1768
+ @{arco-cssvars-prefix}-success-1: if(iscolor(@dark-success-1), .getColorRgbStr(@dark-success-1)[], replace(~'@{dark-success-1}', 'rgb\((.*)\)$', '$1'));
1769
+ @{arco-cssvars-prefix}-success-2: if(iscolor(@dark-success-2), .getColorRgbStr(@dark-success-2)[], replace(~'@{dark-success-2}', 'rgb\((.*)\)$', '$1'));
1770
+ @{arco-cssvars-prefix}-success-3: if(iscolor(@dark-success-3), .getColorRgbStr(@dark-success-3)[], replace(~'@{dark-success-3}', 'rgb\((.*)\)$', '$1'));
1771
+ @{arco-cssvars-prefix}-success-4: if(iscolor(@dark-success-4), .getColorRgbStr(@dark-success-4)[], replace(~'@{dark-success-4}', 'rgb\((.*)\)$', '$1'));
1772
+ @{arco-cssvars-prefix}-success-5: if(iscolor(@dark-success-5), .getColorRgbStr(@dark-success-5)[], replace(~'@{dark-success-5}', 'rgb\((.*)\)$', '$1'));
1773
+ @{arco-cssvars-prefix}-success-6: if(iscolor(@dark-success-6), .getColorRgbStr(@dark-success-6)[], replace(~'@{dark-success-6}', 'rgb\((.*)\)$', '$1'));
1774
+ @{arco-cssvars-prefix}-success-7: if(iscolor(@dark-success-7), .getColorRgbStr(@dark-success-7)[], replace(~'@{dark-success-7}', 'rgb\((.*)\)$', '$1'));
1775
+ @{arco-cssvars-prefix}-success-8: if(iscolor(@dark-success-8), .getColorRgbStr(@dark-success-8)[], replace(~'@{dark-success-8}', 'rgb\((.*)\)$', '$1'));
1776
+ @{arco-cssvars-prefix}-success-9: if(iscolor(@dark-success-9), .getColorRgbStr(@dark-success-9)[], replace(~'@{dark-success-9}', 'rgb\((.*)\)$', '$1'));
1777
+ @{arco-cssvars-prefix}-success-10: if(iscolor(@dark-success-10), .getColorRgbStr(@dark-success-10)[], replace(~'@{dark-success-10}', 'rgb\((.*)\)$', '$1'));
1778
+ @{arco-cssvars-prefix}-danger-1: if(iscolor(@dark-danger-1), .getColorRgbStr(@dark-danger-1)[], replace(~'@{dark-danger-1}', 'rgb\((.*)\)$', '$1'));
1779
+ @{arco-cssvars-prefix}-danger-2: if(iscolor(@dark-danger-2), .getColorRgbStr(@dark-danger-2)[], replace(~'@{dark-danger-2}', 'rgb\((.*)\)$', '$1'));
1780
+ @{arco-cssvars-prefix}-danger-3: if(iscolor(@dark-danger-3), .getColorRgbStr(@dark-danger-3)[], replace(~'@{dark-danger-3}', 'rgb\((.*)\)$', '$1'));
1781
+ @{arco-cssvars-prefix}-danger-4: if(iscolor(@dark-danger-4), .getColorRgbStr(@dark-danger-4)[], replace(~'@{dark-danger-4}', 'rgb\((.*)\)$', '$1'));
1782
+ @{arco-cssvars-prefix}-danger-5: if(iscolor(@dark-danger-5), .getColorRgbStr(@dark-danger-5)[], replace(~'@{dark-danger-5}', 'rgb\((.*)\)$', '$1'));
1783
+ @{arco-cssvars-prefix}-danger-6: if(iscolor(@dark-danger-6), .getColorRgbStr(@dark-danger-6)[], replace(~'@{dark-danger-6}', 'rgb\((.*)\)$', '$1'));
1784
+ @{arco-cssvars-prefix}-danger-7: if(iscolor(@dark-danger-7), .getColorRgbStr(@dark-danger-7)[], replace(~'@{dark-danger-7}', 'rgb\((.*)\)$', '$1'));
1785
+ @{arco-cssvars-prefix}-danger-8: if(iscolor(@dark-danger-8), .getColorRgbStr(@dark-danger-8)[], replace(~'@{dark-danger-8}', 'rgb\((.*)\)$', '$1'));
1786
+ @{arco-cssvars-prefix}-danger-9: if(iscolor(@dark-danger-9), .getColorRgbStr(@dark-danger-9)[], replace(~'@{dark-danger-9}', 'rgb\((.*)\)$', '$1'));
1787
+ @{arco-cssvars-prefix}-danger-10: if(iscolor(@dark-danger-10), .getColorRgbStr(@dark-danger-10)[], replace(~'@{dark-danger-10}', 'rgb\((.*)\)$', '$1'));
1788
+ @{arco-cssvars-prefix}-warning-1: if(iscolor(@dark-warning-1), .getColorRgbStr(@dark-warning-1)[], replace(~'@{dark-warning-1}', 'rgb\((.*)\)$', '$1'));
1789
+ @{arco-cssvars-prefix}-warning-2: if(iscolor(@dark-warning-2), .getColorRgbStr(@dark-warning-2)[], replace(~'@{dark-warning-2}', 'rgb\((.*)\)$', '$1'));
1790
+ @{arco-cssvars-prefix}-warning-3: if(iscolor(@dark-warning-3), .getColorRgbStr(@dark-warning-3)[], replace(~'@{dark-warning-3}', 'rgb\((.*)\)$', '$1'));
1791
+ @{arco-cssvars-prefix}-warning-4: if(iscolor(@dark-warning-4), .getColorRgbStr(@dark-warning-4)[], replace(~'@{dark-warning-4}', 'rgb\((.*)\)$', '$1'));
1792
+ @{arco-cssvars-prefix}-warning-5: if(iscolor(@dark-warning-5), .getColorRgbStr(@dark-warning-5)[], replace(~'@{dark-warning-5}', 'rgb\((.*)\)$', '$1'));
1793
+ @{arco-cssvars-prefix}-warning-6: if(iscolor(@dark-warning-6), .getColorRgbStr(@dark-warning-6)[], replace(~'@{dark-warning-6}', 'rgb\((.*)\)$', '$1'));
1794
+ @{arco-cssvars-prefix}-warning-7: if(iscolor(@dark-warning-7), .getColorRgbStr(@dark-warning-7)[], replace(~'@{dark-warning-7}', 'rgb\((.*)\)$', '$1'));
1795
+ @{arco-cssvars-prefix}-warning-8: if(iscolor(@dark-warning-8), .getColorRgbStr(@dark-warning-8)[], replace(~'@{dark-warning-8}', 'rgb\((.*)\)$', '$1'));
1796
+ @{arco-cssvars-prefix}-warning-9: if(iscolor(@dark-warning-9), .getColorRgbStr(@dark-warning-9)[], replace(~'@{dark-warning-9}', 'rgb\((.*)\)$', '$1'));
1797
+ @{arco-cssvars-prefix}-warning-10: if(iscolor(@dark-warning-10), .getColorRgbStr(@dark-warning-10)[], replace(~'@{dark-warning-10}', 'rgb\((.*)\)$', '$1'));
1798
+ @{arco-cssvars-prefix}-color-bg-blue: @dark-color-bg-blue;
1799
+ @{arco-cssvars-prefix}-aux-purple-1: if(iscolor(@dark-aux-purple-1), .getColorRgbStr(@dark-aux-purple-1)[], replace(~'@{dark-aux-purple-1}', 'rgb\((.*)\)$', '$1'));
1800
+ @{arco-cssvars-prefix}-aux-purple-2: if(iscolor(@dark-aux-purple-2), .getColorRgbStr(@dark-aux-purple-2)[], replace(~'@{dark-aux-purple-2}', 'rgb\((.*)\)$', '$1'));
1801
+ @{arco-cssvars-prefix}-aux-purple-3: if(iscolor(@dark-aux-purple-3), .getColorRgbStr(@dark-aux-purple-3)[], replace(~'@{dark-aux-purple-3}', 'rgb\((.*)\)$', '$1'));
1802
+ @{arco-cssvars-prefix}-aux-purple-4: if(iscolor(@dark-aux-purple-4), .getColorRgbStr(@dark-aux-purple-4)[], replace(~'@{dark-aux-purple-4}', 'rgb\((.*)\)$', '$1'));
1803
+ @{arco-cssvars-prefix}-aux-purple-5: if(iscolor(@dark-aux-purple-5), .getColorRgbStr(@dark-aux-purple-5)[], replace(~'@{dark-aux-purple-5}', 'rgb\((.*)\)$', '$1'));
1804
+ @{arco-cssvars-prefix}-aux-purple-6: if(iscolor(@dark-aux-purple-6), .getColorRgbStr(@dark-aux-purple-6)[], replace(~'@{dark-aux-purple-6}', 'rgb\((.*)\)$', '$1'));
1805
+ @{arco-cssvars-prefix}-aux-purple-7: if(iscolor(@dark-aux-purple-7), .getColorRgbStr(@dark-aux-purple-7)[], replace(~'@{dark-aux-purple-7}', 'rgb\((.*)\)$', '$1'));
1806
+ @{arco-cssvars-prefix}-aux-purple-8: if(iscolor(@dark-aux-purple-8), .getColorRgbStr(@dark-aux-purple-8)[], replace(~'@{dark-aux-purple-8}', 'rgb\((.*)\)$', '$1'));
1807
+ @{arco-cssvars-prefix}-aux-purple-9: if(iscolor(@dark-aux-purple-9), .getColorRgbStr(@dark-aux-purple-9)[], replace(~'@{dark-aux-purple-9}', 'rgb\((.*)\)$', '$1'));
1808
+ @{arco-cssvars-prefix}-aux-purple-10: if(iscolor(@dark-aux-purple-10), .getColorRgbStr(@dark-aux-purple-10)[], replace(~'@{dark-aux-purple-10}', 'rgb\((.*)\)$', '$1'));
1809
+ @{arco-cssvars-prefix}-aux-blue-1: if(iscolor(@dark-aux-blue-1), .getColorRgbStr(@dark-aux-blue-1)[], replace(~'@{dark-aux-blue-1}', 'rgb\((.*)\)$', '$1'));
1810
+ @{arco-cssvars-prefix}-aux-blue-2: if(iscolor(@dark-aux-blue-2), .getColorRgbStr(@dark-aux-blue-2)[], replace(~'@{dark-aux-blue-2}', 'rgb\((.*)\)$', '$1'));
1811
+ @{arco-cssvars-prefix}-aux-blue-3: if(iscolor(@dark-aux-blue-3), .getColorRgbStr(@dark-aux-blue-3)[], replace(~'@{dark-aux-blue-3}', 'rgb\((.*)\)$', '$1'));
1812
+ @{arco-cssvars-prefix}-aux-blue-4: if(iscolor(@dark-aux-blue-4), .getColorRgbStr(@dark-aux-blue-4)[], replace(~'@{dark-aux-blue-4}', 'rgb\((.*)\)$', '$1'));
1813
+ @{arco-cssvars-prefix}-aux-blue-5: if(iscolor(@dark-aux-blue-5), .getColorRgbStr(@dark-aux-blue-5)[], replace(~'@{dark-aux-blue-5}', 'rgb\((.*)\)$', '$1'));
1814
+ @{arco-cssvars-prefix}-aux-blue-6: if(iscolor(@dark-aux-blue-6), .getColorRgbStr(@dark-aux-blue-6)[], replace(~'@{dark-aux-blue-6}', 'rgb\((.*)\)$', '$1'));
1815
+ @{arco-cssvars-prefix}-aux-blue-7: if(iscolor(@dark-aux-blue-7), .getColorRgbStr(@dark-aux-blue-7)[], replace(~'@{dark-aux-blue-7}', 'rgb\((.*)\)$', '$1'));
1816
+ @{arco-cssvars-prefix}-aux-blue-8: if(iscolor(@dark-aux-blue-8), .getColorRgbStr(@dark-aux-blue-8)[], replace(~'@{dark-aux-blue-8}', 'rgb\((.*)\)$', '$1'));
1817
+ @{arco-cssvars-prefix}-aux-blue-9: if(iscolor(@dark-aux-blue-9), .getColorRgbStr(@dark-aux-blue-9)[], replace(~'@{dark-aux-blue-9}', 'rgb\((.*)\)$', '$1'));
1818
+ @{arco-cssvars-prefix}-aux-blue-10: if(iscolor(@dark-aux-blue-10), .getColorRgbStr(@dark-aux-blue-10)[], replace(~'@{dark-aux-blue-10}', 'rgb\((.*)\)$', '$1'));
1819
+ @{arco-cssvars-prefix}-aux-orange-red-1: if(iscolor(@dark-aux-orange-red-1), .getColorRgbStr(@dark-aux-orange-red-1)[], replace(~'@{dark-aux-orange-red-1}', 'rgb\((.*)\)$', '$1'));
1820
+ @{arco-cssvars-prefix}-aux-orange-red-2: if(iscolor(@dark-aux-orange-red-2), .getColorRgbStr(@dark-aux-orange-red-2)[], replace(~'@{dark-aux-orange-red-2}', 'rgb\((.*)\)$', '$1'));
1821
+ @{arco-cssvars-prefix}-aux-orange-red-3: if(iscolor(@dark-aux-orange-red-3), .getColorRgbStr(@dark-aux-orange-red-3)[], replace(~'@{dark-aux-orange-red-3}', 'rgb\((.*)\)$', '$1'));
1822
+ @{arco-cssvars-prefix}-aux-orange-red-4: if(iscolor(@dark-aux-orange-red-4), .getColorRgbStr(@dark-aux-orange-red-4)[], replace(~'@{dark-aux-orange-red-4}', 'rgb\((.*)\)$', '$1'));
1823
+ @{arco-cssvars-prefix}-aux-orange-red-5: if(iscolor(@dark-aux-orange-red-5), .getColorRgbStr(@dark-aux-orange-red-5)[], replace(~'@{dark-aux-orange-red-5}', 'rgb\((.*)\)$', '$1'));
1824
+ @{arco-cssvars-prefix}-aux-orange-red-6: if(iscolor(@dark-aux-orange-red-6), .getColorRgbStr(@dark-aux-orange-red-6)[], replace(~'@{dark-aux-orange-red-6}', 'rgb\((.*)\)$', '$1'));
1825
+ @{arco-cssvars-prefix}-aux-orange-red-7: if(iscolor(@dark-aux-orange-red-7), .getColorRgbStr(@dark-aux-orange-red-7)[], replace(~'@{dark-aux-orange-red-7}', 'rgb\((.*)\)$', '$1'));
1826
+ @{arco-cssvars-prefix}-aux-orange-red-8: if(iscolor(@dark-aux-orange-red-8), .getColorRgbStr(@dark-aux-orange-red-8)[], replace(~'@{dark-aux-orange-red-8}', 'rgb\((.*)\)$', '$1'));
1827
+ @{arco-cssvars-prefix}-aux-orange-red-9: if(iscolor(@dark-aux-orange-red-9), .getColorRgbStr(@dark-aux-orange-red-9)[], replace(~'@{dark-aux-orange-red-9}', 'rgb\((.*)\)$', '$1'));
1828
+ @{arco-cssvars-prefix}-aux-orange-red-10: if(iscolor(@dark-aux-orange-red-10), .getColorRgbStr(@dark-aux-orange-red-10)[], replace(~'@{dark-aux-orange-red-10}', 'rgb\((.*)\)$', '$1'));
1829
+ @{arco-cssvars-prefix}-aux-gold-1: if(iscolor(@dark-aux-gold-1), .getColorRgbStr(@dark-aux-gold-1)[], replace(~'@{dark-aux-gold-1}', 'rgb\((.*)\)$', '$1'));
1830
+ @{arco-cssvars-prefix}-aux-gold-2: if(iscolor(@dark-aux-gold-2), .getColorRgbStr(@dark-aux-gold-2)[], replace(~'@{dark-aux-gold-2}', 'rgb\((.*)\)$', '$1'));
1831
+ @{arco-cssvars-prefix}-aux-gold-3: if(iscolor(@dark-aux-gold-3), .getColorRgbStr(@dark-aux-gold-3)[], replace(~'@{dark-aux-gold-3}', 'rgb\((.*)\)$', '$1'));
1832
+ @{arco-cssvars-prefix}-aux-gold-4: if(iscolor(@dark-aux-gold-4), .getColorRgbStr(@dark-aux-gold-4)[], replace(~'@{dark-aux-gold-4}', 'rgb\((.*)\)$', '$1'));
1833
+ @{arco-cssvars-prefix}-aux-gold-5: if(iscolor(@dark-aux-gold-5), .getColorRgbStr(@dark-aux-gold-5)[], replace(~'@{dark-aux-gold-5}', 'rgb\((.*)\)$', '$1'));
1834
+ @{arco-cssvars-prefix}-aux-gold-6: if(iscolor(@dark-aux-gold-6), .getColorRgbStr(@dark-aux-gold-6)[], replace(~'@{dark-aux-gold-6}', 'rgb\((.*)\)$', '$1'));
1835
+ @{arco-cssvars-prefix}-aux-gold-7: if(iscolor(@dark-aux-gold-7), .getColorRgbStr(@dark-aux-gold-7)[], replace(~'@{dark-aux-gold-7}', 'rgb\((.*)\)$', '$1'));
1836
+ @{arco-cssvars-prefix}-aux-gold-8: if(iscolor(@dark-aux-gold-8), .getColorRgbStr(@dark-aux-gold-8)[], replace(~'@{dark-aux-gold-8}', 'rgb\((.*)\)$', '$1'));
1837
+ @{arco-cssvars-prefix}-aux-gold-9: if(iscolor(@dark-aux-gold-9), .getColorRgbStr(@dark-aux-gold-9)[], replace(~'@{dark-aux-gold-9}', 'rgb\((.*)\)$', '$1'));
1838
+ @{arco-cssvars-prefix}-aux-gold-10: if(iscolor(@dark-aux-gold-10), .getColorRgbStr(@dark-aux-gold-10)[], replace(~'@{dark-aux-gold-10}', 'rgb\((.*)\)$', '$1'));
1839
+ @{arco-cssvars-prefix}-aux-yellow-1: if(iscolor(@dark-aux-yellow-1), .getColorRgbStr(@dark-aux-yellow-1)[], replace(~'@{dark-aux-yellow-1}', 'rgb\((.*)\)$', '$1'));
1840
+ @{arco-cssvars-prefix}-aux-yellow-2: if(iscolor(@dark-aux-yellow-2), .getColorRgbStr(@dark-aux-yellow-2)[], replace(~'@{dark-aux-yellow-2}', 'rgb\((.*)\)$', '$1'));
1841
+ @{arco-cssvars-prefix}-aux-yellow-3: if(iscolor(@dark-aux-yellow-3), .getColorRgbStr(@dark-aux-yellow-3)[], replace(~'@{dark-aux-yellow-3}', 'rgb\((.*)\)$', '$1'));
1842
+ @{arco-cssvars-prefix}-aux-yellow-4: if(iscolor(@dark-aux-yellow-4), .getColorRgbStr(@dark-aux-yellow-4)[], replace(~'@{dark-aux-yellow-4}', 'rgb\((.*)\)$', '$1'));
1843
+ @{arco-cssvars-prefix}-aux-yellow-5: if(iscolor(@dark-aux-yellow-5), .getColorRgbStr(@dark-aux-yellow-5)[], replace(~'@{dark-aux-yellow-5}', 'rgb\((.*)\)$', '$1'));
1844
+ @{arco-cssvars-prefix}-aux-yellow-6: if(iscolor(@dark-aux-yellow-6), .getColorRgbStr(@dark-aux-yellow-6)[], replace(~'@{dark-aux-yellow-6}', 'rgb\((.*)\)$', '$1'));
1845
+ @{arco-cssvars-prefix}-aux-yellow-7: if(iscolor(@dark-aux-yellow-7), .getColorRgbStr(@dark-aux-yellow-7)[], replace(~'@{dark-aux-yellow-7}', 'rgb\((.*)\)$', '$1'));
1846
+ @{arco-cssvars-prefix}-aux-yellow-8: if(iscolor(@dark-aux-yellow-8), .getColorRgbStr(@dark-aux-yellow-8)[], replace(~'@{dark-aux-yellow-8}', 'rgb\((.*)\)$', '$1'));
1847
+ @{arco-cssvars-prefix}-aux-yellow-9: if(iscolor(@dark-aux-yellow-9), .getColorRgbStr(@dark-aux-yellow-9)[], replace(~'@{dark-aux-yellow-9}', 'rgb\((.*)\)$', '$1'));
1848
+ @{arco-cssvars-prefix}-aux-yellow-10: if(iscolor(@dark-aux-yellow-10), .getColorRgbStr(@dark-aux-yellow-10)[], replace(~'@{dark-aux-yellow-10}', 'rgb\((.*)\)$', '$1'));
1849
+ @{arco-cssvars-prefix}-aux-bluegray-1: if(iscolor(@dark-aux-bluegray-1), .getColorRgbStr(@dark-aux-bluegray-1)[], replace(~'@{dark-aux-bluegray-1}', 'rgb\((.*)\)$', '$1'));
1850
+ @{arco-cssvars-prefix}-aux-bluegray-2: if(iscolor(@dark-aux-bluegray-2), .getColorRgbStr(@dark-aux-bluegray-2)[], replace(~'@{dark-aux-bluegray-2}', 'rgb\((.*)\)$', '$1'));
1851
+ @{arco-cssvars-prefix}-aux-bluegray-3: if(iscolor(@dark-aux-bluegray-3), .getColorRgbStr(@dark-aux-bluegray-3)[], replace(~'@{dark-aux-bluegray-3}', 'rgb\((.*)\)$', '$1'));
1852
+ @{arco-cssvars-prefix}-aux-bluegray-4: if(iscolor(@dark-aux-bluegray-4), .getColorRgbStr(@dark-aux-bluegray-4)[], replace(~'@{dark-aux-bluegray-4}', 'rgb\((.*)\)$', '$1'));
1853
+ @{arco-cssvars-prefix}-aux-bluegray-5: if(iscolor(@dark-aux-bluegray-5), .getColorRgbStr(@dark-aux-bluegray-5)[], replace(~'@{dark-aux-bluegray-5}', 'rgb\((.*)\)$', '$1'));
1854
+ @{arco-cssvars-prefix}-aux-bluegray-6: if(iscolor(@dark-aux-bluegray-6), .getColorRgbStr(@dark-aux-bluegray-6)[], replace(~'@{dark-aux-bluegray-6}', 'rgb\((.*)\)$', '$1'));
1855
+ @{arco-cssvars-prefix}-aux-bluegray-7: if(iscolor(@dark-aux-bluegray-7), .getColorRgbStr(@dark-aux-bluegray-7)[], replace(~'@{dark-aux-bluegray-7}', 'rgb\((.*)\)$', '$1'));
1856
+ @{arco-cssvars-prefix}-aux-bluegray-8: if(iscolor(@dark-aux-bluegray-8), .getColorRgbStr(@dark-aux-bluegray-8)[], replace(~'@{dark-aux-bluegray-8}', 'rgb\((.*)\)$', '$1'));
1857
+ @{arco-cssvars-prefix}-aux-bluegray-9: if(iscolor(@dark-aux-bluegray-9), .getColorRgbStr(@dark-aux-bluegray-9)[], replace(~'@{dark-aux-bluegray-9}', 'rgb\((.*)\)$', '$1'));
1858
+ @{arco-cssvars-prefix}-aux-bluegray-10: if(iscolor(@dark-aux-bluegray-10), .getColorRgbStr(@dark-aux-bluegray-10)[], replace(~'@{dark-aux-bluegray-10}', 'rgb\((.*)\)$', '$1'));
1859
+ @{arco-cssvars-prefix}-aux-cyan-1: if(iscolor(@dark-aux-cyan-1), .getColorRgbStr(@dark-aux-cyan-1)[], replace(~'@{dark-aux-cyan-1}', 'rgb\((.*)\)$', '$1'));
1860
+ @{arco-cssvars-prefix}-aux-cyan-2: if(iscolor(@dark-aux-cyan-2), .getColorRgbStr(@dark-aux-cyan-2)[], replace(~'@{dark-aux-cyan-2}', 'rgb\((.*)\)$', '$1'));
1861
+ @{arco-cssvars-prefix}-aux-cyan-3: if(iscolor(@dark-aux-cyan-3), .getColorRgbStr(@dark-aux-cyan-3)[], replace(~'@{dark-aux-cyan-3}', 'rgb\((.*)\)$', '$1'));
1862
+ @{arco-cssvars-prefix}-aux-cyan-4: if(iscolor(@dark-aux-cyan-4), .getColorRgbStr(@dark-aux-cyan-4)[], replace(~'@{dark-aux-cyan-4}', 'rgb\((.*)\)$', '$1'));
1863
+ @{arco-cssvars-prefix}-aux-cyan-5: if(iscolor(@dark-aux-cyan-5), .getColorRgbStr(@dark-aux-cyan-5)[], replace(~'@{dark-aux-cyan-5}', 'rgb\((.*)\)$', '$1'));
1864
+ @{arco-cssvars-prefix}-aux-cyan-6: if(iscolor(@dark-aux-cyan-6), .getColorRgbStr(@dark-aux-cyan-6)[], replace(~'@{dark-aux-cyan-6}', 'rgb\((.*)\)$', '$1'));
1865
+ @{arco-cssvars-prefix}-aux-cyan-7: if(iscolor(@dark-aux-cyan-7), .getColorRgbStr(@dark-aux-cyan-7)[], replace(~'@{dark-aux-cyan-7}', 'rgb\((.*)\)$', '$1'));
1866
+ @{arco-cssvars-prefix}-aux-cyan-8: if(iscolor(@dark-aux-cyan-8), .getColorRgbStr(@dark-aux-cyan-8)[], replace(~'@{dark-aux-cyan-8}', 'rgb\((.*)\)$', '$1'));
1867
+ @{arco-cssvars-prefix}-aux-cyan-9: if(iscolor(@dark-aux-cyan-9), .getColorRgbStr(@dark-aux-cyan-9)[], replace(~'@{dark-aux-cyan-9}', 'rgb\((.*)\)$', '$1'));
1868
+ @{arco-cssvars-prefix}-aux-cyan-10: if(iscolor(@dark-aux-cyan-10), .getColorRgbStr(@dark-aux-cyan-10)[], replace(~'@{dark-aux-cyan-10}', 'rgb\((.*)\)$', '$1'));
1869
+ @{arco-cssvars-prefix}-aux-pink-purple-1: if(iscolor(@dark-aux-pink-purple-1), .getColorRgbStr(@dark-aux-pink-purple-1)[], replace(~'@{dark-aux-pink-purple-1}', 'rgb\((.*)\)$', '$1'));
1870
+ @{arco-cssvars-prefix}-aux-pink-purple-2: if(iscolor(@dark-aux-pink-purple-2), .getColorRgbStr(@dark-aux-pink-purple-2)[], replace(~'@{dark-aux-pink-purple-2}', 'rgb\((.*)\)$', '$1'));
1871
+ @{arco-cssvars-prefix}-aux-pink-purple-3: if(iscolor(@dark-aux-pink-purple-3), .getColorRgbStr(@dark-aux-pink-purple-3)[], replace(~'@{dark-aux-pink-purple-3}', 'rgb\((.*)\)$', '$1'));
1872
+ @{arco-cssvars-prefix}-aux-pink-purple-4: if(iscolor(@dark-aux-pink-purple-4), .getColorRgbStr(@dark-aux-pink-purple-4)[], replace(~'@{dark-aux-pink-purple-4}', 'rgb\((.*)\)$', '$1'));
1873
+ @{arco-cssvars-prefix}-aux-pink-purple-5: if(iscolor(@dark-aux-pink-purple-5), .getColorRgbStr(@dark-aux-pink-purple-5)[], replace(~'@{dark-aux-pink-purple-5}', 'rgb\((.*)\)$', '$1'));
1874
+ @{arco-cssvars-prefix}-aux-pink-purple-6: if(iscolor(@dark-aux-pink-purple-6), .getColorRgbStr(@dark-aux-pink-purple-6)[], replace(~'@{dark-aux-pink-purple-6}', 'rgb\((.*)\)$', '$1'));
1875
+ @{arco-cssvars-prefix}-aux-pink-purple-7: if(iscolor(@dark-aux-pink-purple-7), .getColorRgbStr(@dark-aux-pink-purple-7)[], replace(~'@{dark-aux-pink-purple-7}', 'rgb\((.*)\)$', '$1'));
1876
+ @{arco-cssvars-prefix}-aux-pink-purple-8: if(iscolor(@dark-aux-pink-purple-8), .getColorRgbStr(@dark-aux-pink-purple-8)[], replace(~'@{dark-aux-pink-purple-8}', 'rgb\((.*)\)$', '$1'));
1877
+ @{arco-cssvars-prefix}-aux-pink-purple-9: if(iscolor(@dark-aux-pink-purple-9), .getColorRgbStr(@dark-aux-pink-purple-9)[], replace(~'@{dark-aux-pink-purple-9}', 'rgb\((.*)\)$', '$1'));
1878
+ @{arco-cssvars-prefix}-aux-pink-purple-10: if(iscolor(@dark-aux-pink-purple-10), .getColorRgbStr(@dark-aux-pink-purple-10)[], replace(~'@{dark-aux-pink-purple-10}', 'rgb\((.*)\)$', '$1'));
1879
+ @{arco-cssvars-prefix}-aux-magenta-1: if(iscolor(@dark-aux-magenta-1), .getColorRgbStr(@dark-aux-magenta-1)[], replace(~'@{dark-aux-magenta-1}', 'rgb\((.*)\)$', '$1'));
1880
+ @{arco-cssvars-prefix}-aux-magenta-2: if(iscolor(@dark-aux-magenta-2), .getColorRgbStr(@dark-aux-magenta-2)[], replace(~'@{dark-aux-magenta-2}', 'rgb\((.*)\)$', '$1'));
1881
+ @{arco-cssvars-prefix}-aux-magenta-3: if(iscolor(@dark-aux-magenta-3), .getColorRgbStr(@dark-aux-magenta-3)[], replace(~'@{dark-aux-magenta-3}', 'rgb\((.*)\)$', '$1'));
1882
+ @{arco-cssvars-prefix}-aux-magenta-4: if(iscolor(@dark-aux-magenta-4), .getColorRgbStr(@dark-aux-magenta-4)[], replace(~'@{dark-aux-magenta-4}', 'rgb\((.*)\)$', '$1'));
1883
+ @{arco-cssvars-prefix}-aux-magenta-5: if(iscolor(@dark-aux-magenta-5), .getColorRgbStr(@dark-aux-magenta-5)[], replace(~'@{dark-aux-magenta-5}', 'rgb\((.*)\)$', '$1'));
1884
+ @{arco-cssvars-prefix}-aux-magenta-6: if(iscolor(@dark-aux-magenta-6), .getColorRgbStr(@dark-aux-magenta-6)[], replace(~'@{dark-aux-magenta-6}', 'rgb\((.*)\)$', '$1'));
1885
+ @{arco-cssvars-prefix}-aux-magenta-7: if(iscolor(@dark-aux-magenta-7), .getColorRgbStr(@dark-aux-magenta-7)[], replace(~'@{dark-aux-magenta-7}', 'rgb\((.*)\)$', '$1'));
1886
+ @{arco-cssvars-prefix}-aux-magenta-8: if(iscolor(@dark-aux-magenta-8), .getColorRgbStr(@dark-aux-magenta-8)[], replace(~'@{dark-aux-magenta-8}', 'rgb\((.*)\)$', '$1'));
1887
+ @{arco-cssvars-prefix}-aux-magenta-9: if(iscolor(@dark-aux-magenta-9), .getColorRgbStr(@dark-aux-magenta-9)[], replace(~'@{dark-aux-magenta-9}', 'rgb\((.*)\)$', '$1'));
1888
+ @{arco-cssvars-prefix}-aux-magenta-10: if(iscolor(@dark-aux-magenta-10), .getColorRgbStr(@dark-aux-magenta-10)[], replace(~'@{dark-aux-magenta-10}', 'rgb\((.*)\)$', '$1'));
1889
+ @{arco-cssvars-prefix}-color-overlay-1: @dark-color-overlay-1;
1890
+ @{arco-cssvars-prefix}-color-overlay-2: @dark-color-overlay-2;
1891
+
1892
+ }