@arco-themes/react-devspace 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.
Files changed (75) hide show
  1. package/README.md +85 -0
  2. package/component.less +33 -0
  3. package/components/Alert/index.css +1 -0
  4. package/components/Alert/index.less +7 -0
  5. package/components/AutoComplete/index.css +0 -0
  6. package/components/AutoComplete/index.less +3 -0
  7. package/components/Button/index.css +1 -0
  8. package/components/Button/index.less +9 -0
  9. package/components/Cascader/index.css +1 -0
  10. package/components/Cascader/index.less +5 -0
  11. package/components/Checkbox/index.css +1 -0
  12. package/components/Checkbox/index.less +15 -0
  13. package/components/DatePicker/index.css +1 -0
  14. package/components/DatePicker/index.less +41 -0
  15. package/components/Descriptions/index.css +1 -0
  16. package/components/Descriptions/index.less +32 -0
  17. package/components/Drawer/index.css +1 -0
  18. package/components/Drawer/index.less +15 -0
  19. package/components/Empty/index.css +1 -0
  20. package/components/Empty/index.less +13 -0
  21. package/components/Form/index.css +1 -0
  22. package/components/Form/index.less +67 -0
  23. package/components/Input/index.css +1 -0
  24. package/components/Input/index.less +51 -0
  25. package/components/InputNumber/index.css +1 -0
  26. package/components/InputNumber/index.less +49 -0
  27. package/components/InputTag/index.css +1 -0
  28. package/components/InputTag/index.less +10 -0
  29. package/components/Link/index.css +1 -0
  30. package/components/Link/index.less +9 -0
  31. package/components/Menu/index.css +1 -0
  32. package/components/Menu/index.less +59 -0
  33. package/components/Message/index.css +1 -0
  34. package/components/Message/index.less +10 -0
  35. package/components/Modal/index.css +1 -0
  36. package/components/Modal/index.less +39 -0
  37. package/components/Pagination/index.css +1 -0
  38. package/components/Pagination/index.less +17 -0
  39. package/components/Progress/index.css +1 -0
  40. package/components/Progress/index.less +11 -0
  41. package/components/Radio/index.css +1 -0
  42. package/components/Radio/index.less +82 -0
  43. package/components/Select/index.css +0 -0
  44. package/components/Select/index.less +7 -0
  45. package/components/Slider/index.css +1 -0
  46. package/components/Slider/index.less +13 -0
  47. package/components/Spin/index.css +1 -0
  48. package/components/Spin/index.less +6 -0
  49. package/components/Switch/index.css +1 -0
  50. package/components/Switch/index.less +14 -0
  51. package/components/Table/index.css +1 -0
  52. package/components/Table/index.less +184 -0
  53. package/components/Tabs/index.css +1 -0
  54. package/components/Tabs/index.less +189 -0
  55. package/components/TimePicker/index.css +1 -0
  56. package/components/TimePicker/index.less +5 -0
  57. package/components/Tooltip/index.css +1 -0
  58. package/components/Tooltip/index.less +5 -0
  59. package/components/Transfer/index.css +1 -0
  60. package/components/Transfer/index.less +22 -0
  61. package/components/Tree/index.css +1 -0
  62. package/components/Tree/index.less +36 -0
  63. package/components/TreeSelect/index.css +1 -0
  64. package/components/TreeSelect/index.less +7 -0
  65. package/components/Upload/index.css +1 -0
  66. package/components/Upload/index.less +50 -0
  67. package/config.d.ts +5 -0
  68. package/config.js +6 -0
  69. package/css/arco.css +6 -0
  70. package/index.less +12 -0
  71. package/package.json +19 -0
  72. package/theme.css +537 -0
  73. package/theme.less +6292 -0
  74. package/tokens.less +4028 -0
  75. package/variables.less +2086 -0
package/variables.less ADDED
@@ -0,0 +1,2086 @@
1
+ @gray-10: #1d2129;
2
+ @gray-9: #272e3b;
3
+ @gray-8: #4e5969;
4
+ @gray-7: #6b7785;
5
+ @gray-6: #86909c;
6
+ @gray-5: #a9aeb8;
7
+ @gray-4: #c9cdd4;
8
+ @gray-3: #e5e6eb;
9
+ @gray-2: #f2f3f5;
10
+ @gray-1: #f7f8fa;
11
+ @gold-6: #f7ba1e;
12
+ @gold-5: #F9CC45;
13
+ @gold-7: #CC9213;
14
+ @gold-4: #FADC6D;
15
+ @gold-3: #FCE996;
16
+ @gold-2: #FDF4BF;
17
+ @gold-1: #FFFCE8;
18
+ @yellow-6: #fadc19;
19
+ @yellow-7: #CFAF0F;
20
+ @yellow-5: #FBE842;
21
+ @yellow-4: #FCF26B;
22
+ @yellow-3: #FDFA94;
23
+ @yellow-2: #FEFEBE;
24
+ @yellow-1: #FEFFE8;
25
+ @lime-6: #9fdb1d;
26
+ @lime-7: #7EB712;
27
+ @lime-5: #B5E241;
28
+ @lime-4: #C9E968;
29
+ @lime-3: #DCF190;
30
+ @lime-2: #EDF8BB;
31
+ @lime-1: #FCFFE8;
32
+ @cyan-6: #14c9c9;
33
+ @cyan-7: #0DA5AA;
34
+ @cyan-5: #37D4CF;
35
+ @cyan-4: #5EDFD6;
36
+ @cyan-3: #89E9E0;
37
+ @cyan-2: #B7F4EC;
38
+ @cyan-1: #E8FFFB;
39
+ @blue-6: #3491fa;
40
+ @blue-5: #57A9FB;
41
+ @blue-4: #7BC0FC;
42
+ @blue-3: #9FD4FD;
43
+ @blue-2: #C3E7FE;
44
+ @blue-1: #E8F7FF;
45
+ @purple-6: #722ed1;
46
+ @purple-7: #551DB0;
47
+ @purple-5: #8D4EDA;
48
+ @purple-4: #A871E3;
49
+ @purple-3: #C396ED;
50
+ @purple-2: #DDBEF6;
51
+ @purple-1: #F5E8FF;
52
+ @pinkpurple-6: #d91ad9;
53
+ @pinkpurple-7: #B010B6;
54
+ @pinkpurple-5: #E13EDB;
55
+ @pinkpurple-4: #E865DF;
56
+ @pinkpurple-3: #F08EE6;
57
+ @pinkpurple-2: #F7BAEF;
58
+ @pinkpurple-1: #FFE8FB;
59
+ @magenta-6: #f5319d;
60
+ @magenta-7: #CB1E83;
61
+ @magenta-5: #F754A8;
62
+ @magenta-4: #F979B7;
63
+ @magenta-3: #FB9DC7;
64
+ @magenta-2: #FDC2DB;
65
+ @magenta-1: #FFE8F1;
66
+ @border-radius-none: 0;
67
+ @border-radius-small: 2px;
68
+ @border-radius-medium: 4px;
69
+ @border-radius-large: 8px;
70
+ @border-radius-circle: 50%;
71
+ @border-none: 0;
72
+ @border-1: 1px;
73
+ @border-2: 2px;
74
+ @border-3: 3px;
75
+ @border-solid: solid;
76
+ @border-dashed: dashed;
77
+ @border-dotted: dotted;
78
+ @color-menu-light-bg: #ffffff;
79
+ @color-menu-dark-bg: #232324;
80
+ @shadow-none: none;
81
+ @shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);
82
+ @shadow1-center: 0 0 5px rgba(0, 0, 0, 0.1);
83
+ @shadow1-up: 0 -2px 5px rgba(0, 0, 0, 0.1);
84
+ @shadow1-down: 0 2px 5px rgba(0, 0, 0, 0.1);
85
+ @shadow1-left: -2px 0 5px rgba(0, 0, 0, 0.1);
86
+ @shadow1-right: 2px 0 5px rgba(0, 0, 0, 0.1);
87
+ @shadow1-left-up: -2px -2px 5px rgba(0, 0, 0, 0.1);
88
+ @shadow1-left-down: -2px 2px 5px rgba(0, 0, 0, 0.1);
89
+ @shadow1-right-up: 2px -2px 5px rgba(0, 0, 0, 0.1);
90
+ @shadow1-right-down: 2px 2px 5px rgba(0, 0, 0, 0.1);
91
+ @shadow2-center: 0 0 10px rgba(0,0,0,0.1);
92
+ @shadow2-up: 0 -4px 10px rgba(0, 0, 0, 0.1);
93
+ @shadow2-down: 0 4px 10px rgba(0, 0, 0, 0.1);
94
+ @shadow2-left: -4px 0 10px rgba(0, 0, 0, 0.1);
95
+ @shadow2-right: 4px 0 10px rgba(0, 0, 0, 0.1);
96
+ @shadow2-left-up: -4px -4px 10px rgba(0, 0, 0, 0.1);
97
+ @shadow2-left-down: -4px 4px 10px rgba(0, 0, 0, 0.1);
98
+ @shadow2-right-up: 4px -4px 10px rgba(0, 0, 0, 0.1);
99
+ @shadow2-right-down: 4px 4px 10px rgba(0, 0, 0, 0.1);
100
+ @shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1);
101
+ @shadow3-up: 0 -8px 20px rgba(0, 0, 0, 0.1);
102
+ @shadow3-down: 0 8px 20px rgba(0, 0, 0, 0.1);
103
+ @shadow3-left: -8px 0 20px rgba(0, 0, 0, 0.1);
104
+ @shadow3-right: 8px 0 20px rgba(0, 0, 0, 0.1);
105
+ @shadow3-left-up: -8px -8px 20px rgba(0, 0, 0, 0.1);
106
+ @shadow3-left-down: -8px 8px 20px rgba(0, 0, 0, 0.1);
107
+ @shadow3-right-up: 8px -8px 20px rgba(0, 0, 0, 0.1);
108
+ @shadow3-right-down: 8px 8px 20px rgba(0, 0, 0, 0.1);
109
+ @shadow-distance-none: 0;
110
+ @shadow-distance-1: 1px;
111
+ @shadow-distance-2: 2px;
112
+ @shadow-distance-3: 3px;
113
+ @shadow-distance-4: 4px;
114
+ @font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Source Han Sans SC,Helvetica Neue,Helvetica,Roboto,Arial,Hiragino Sans GB,Segoe UI,Microsoft YaHei,sans-serif;
115
+ @font-size-display-3: 48px;
116
+ @font-size-display-2: 36px;
117
+ @font-size-display-1: 24px;
118
+ @font-size-title-3: 20px;
119
+ @font-size-title-2: 18px;
120
+ @font-size-title-1: 16px;
121
+ @font-size-body-3: 14px;
122
+ @font-size-body-2: 12px;
123
+ @font-size-body-1: 12px;
124
+ @font-size-caption: 12px;
125
+ @font-weight-900: 900;
126
+ @font-weight-800: 800;
127
+ @font-weight-700: 700;
128
+ @font-weight-600: 600;
129
+ @font-weight-500: 500;
130
+ @font-weight-400: 400;
131
+ @font-weight-300: 300;
132
+ @font-weight-200: 200;
133
+ @font-weight-100: 100;
134
+ @size-1: 4px;
135
+ @size-2: 8px;
136
+ @size-3: 12px;
137
+ @size-4: 16px;
138
+ @size-5: 20px;
139
+ @size-6: 24px;
140
+ @size-7: 28px;
141
+ @size-8: 32px;
142
+ @size-9: 36px;
143
+ @size-10: 40px;
144
+ @size-11: 44px;
145
+ @size-12: 48px;
146
+ @size-13: 52px;
147
+ @size-14: 56px;
148
+ @size-15: 60px;
149
+ @size-16: 64px;
150
+ @size-17: 68px;
151
+ @size-18: 72px;
152
+ @size-19: 76px;
153
+ @size-20: 80px;
154
+ @size-21: 84px;
155
+ @size-22: 88px;
156
+ @size-23: 92px;
157
+ @size-24: 96px;
158
+ @size-25: 100px;
159
+ @size-26: 104px;
160
+ @size-27: 108px;
161
+ @size-28: 112px;
162
+ @size-29: 116px;
163
+ @size-30: 120px;
164
+ @size-31: 124px;
165
+ @size-32: 128px;
166
+ @size-33: 132px;
167
+ @size-34: 136px;
168
+ @size-35: 140px;
169
+ @size-36: 144px;
170
+ @size-37: 148px;
171
+ @size-38: 152px;
172
+ @size-39: 156px;
173
+ @size-40: 160px;
174
+ @size-41: 164px;
175
+ @size-42: 168px;
176
+ @size-43: 172px;
177
+ @size-44: 176px;
178
+ @size-45: 180px;
179
+ @size-46: 184px;
180
+ @size-47: 188px;
181
+ @size-48: 192px;
182
+ @size-49: 196px;
183
+ @size-50: 200px;
184
+ @spacing-none: 0;
185
+ @spacing-1: 2px;
186
+ @spacing-2: 4px;
187
+ @spacing-3: 6px;
188
+ @spacing-4: 8px;
189
+ @spacing-5: 10px;
190
+ @spacing-6: 12px;
191
+ @spacing-7: 16px;
192
+ @spacing-8: 20px;
193
+ @spacing-9: 24px;
194
+ @spacing-10: 32px;
195
+ @spacing-11: 36px;
196
+ @spacing-12: 40px;
197
+ @spacing-13: 48px;
198
+ @spacing-14: 56px;
199
+ @spacing-15: 60px;
200
+ @spacing-16: 64px;
201
+ @spacing-17: 72px;
202
+ @spacing-18: 80px;
203
+ @spacing-19: 84px;
204
+ @spacing-20: 96px;
205
+ @spacing-21: 100px;
206
+ @spacing-22: 120px;
207
+ @size-mini: @size-6;
208
+ @size-small: @size-7;
209
+ @size-default: @size-8;
210
+ @size-large: @size-9;
211
+ @upload-prefix-cls: ~'@{prefix}-upload';
212
+ @steps-prefix-cls: ~'@{prefix}-steps';
213
+ @image-prefix-cls: ~'@{prefix}-image';
214
+ @resizebox-prefix-cls: ~'@{prefix}-resizebox';
215
+ @card-prefix-cls: ~'@{prefix}-card';
216
+ @breadcrumb-prefix-cls: ~'@{prefix}-breadcrumb';
217
+ @avatar-prefix-cls: ~'@{prefix}-avatar';
218
+ @dropdown-prefix-cls: ~'@{prefix}-dropdown';
219
+ @list-prefix-cls: ~'@{prefix}-list';
220
+ @page-header-prefix-cls: ~'@{prefix}-page-header';
221
+ @table-prefix-cls: ~'@{prefix}-table';
222
+ @spin-prefix-cls: ~'@{prefix}-spin';
223
+ @statistic-prefix-cls: ~'@{prefix}-statistic';
224
+ @descriptions-prefix-cls: ~'@{prefix}-descriptions';
225
+ @timeline-prefix-cls: ~'@{prefix}-timeline';
226
+ @tag-prefix-cls: ~'@{prefix}-tag';
227
+ @switch-prefix-cls: ~'@{prefix}-switch';
228
+ @collapse-prefix-cls: ~'@{prefix}-collapse';
229
+ @input-tag-prefix-cls: ~'@{prefix}-input-tag';
230
+ @comment-prefix-cls: ~'@{prefix}-comment';
231
+ @input-prefix-cls: ~'@{prefix}-input';
232
+ @result-prefix-cls: ~'@{prefix}-result';
233
+ @input-number-prefix-cls: ~'@{prefix}-input-number';
234
+ @tree-select-prefix-cls: ~'@{prefix}-tree-select';
235
+ @btn-prefix-cls: ~'@{prefix}-btn';
236
+ @cascader-prefix-cls: ~'@{prefix}-cascader';
237
+ @select-prefix-cls: ~'@{prefix}-select';
238
+ @menu-prefix-cls: ~'@{prefix}-menu';
239
+ @transfer-prefix-cls: ~'@{prefix}-transfer';
240
+ @anchor-prefix-cls: ~'@{prefix}-anchor';
241
+ @picker-prefix-cls: ~'@{prefix}-picker';
242
+ @date-panel-prefix-cls: ~'@{prefix}-panel-date';
243
+ @time-picker-prefix-cls: ~'@{prefix}-timepicker';
244
+ @quarter-panel-prefix-cls: ~'@{prefix}-panel-quarter';
245
+ @year-panel-prefix-cls: ~'@{prefix}-panel-year';
246
+ @week-panel-prefix-cls: ~'@{prefix}-panel-week';
247
+ @range-picker-prefix-cls: ~'@{prefix}-picker-range';
248
+ @date-picker-prefix-cls: ~'@{prefix}-datepicker';
249
+ @modal-prefix-cls: ~'@{prefix}-modal';
250
+ @drawer-prefix-cls: ~'@{prefix}-drawer';
251
+ @auto-complete-prefix-cls: ~'@{prefix}-autocomplete';
252
+ @tabs-prefix-cls: ~'@{prefix}-tabs';
253
+ @checkbox-prefix-cls: ~'@{prefix}-checkbox';
254
+ @form-prefix-cls: ~'@{prefix}-form';
255
+ @radio-prefix-cls: ~'@{prefix}-radio';
256
+ @link-prefix-cls: ~'@{prefix}-link';
257
+ @divider-prefix-cls: ~'@{prefix}-divider';
258
+ @tooltip-prefix-cls: ~'@{prefix}-tooltip';
259
+ @popover-prefix-cls: ~'@{prefix}-popover';
260
+ @popconfirm-prefix-cls: ~'@{prefix}-popconfirm';
261
+ @message-prefix-cls: ~'@{prefix}-message';
262
+ @notification-prefix-cls: ~'@{prefix}-notification';
263
+ @tree-prefix-cls: ~'@{prefix}-tree';
264
+ @alert-prefix-cls: ~'@{prefix}-alert';
265
+ @pagination-prefix-cls: ~'@{prefix}-pagination';
266
+ @progress-prefix-cls: ~'@{prefix}-progress';
267
+ @empty-prefix-cls: ~'@{prefix}-empty';
268
+ @slider-prefix: ~'@{prefix}-slider';
269
+ @typography-prefix-cls: ~'@{prefix}-typography';
270
+ @month-panel-prefix-cls: ~'@{prefix}-panel-month';
271
+ @red-4: #F98981;
272
+ @red-1: #FFECE8;
273
+ @orange-2: #FFE4BA;
274
+ @orangered-10: #4D0E00;
275
+ @red-2: #FDCDC5;
276
+ @orange-8: #A64500;
277
+ @orange-9: #792E00;
278
+ @orange-7: #D25F00;
279
+ @red-9: #770813;
280
+ @orange-6: #ff7d00;
281
+ @orangered-6: #f77234;
282
+ @orangered-7: #CC5120;
283
+ @orangered-2: #FDDDC3;
284
+ @orange-3: #FFCF8B;
285
+ @red-3: #FBACA3;
286
+ @orange-10: #4D1B00;
287
+ @orangered-4: #FAAC7B;
288
+ @red-7: #CB272D;
289
+ @red-10: #4D000A;
290
+ @red-5: #F76560;
291
+ @gold-10: #4D2D00;
292
+ @yellow-10: #4D3800;
293
+ @red-6: #f53f3f;
294
+ @orangered-3: #FCC59F;
295
+ @orange-1: #FFF7E8;
296
+ @orange-5: #FF9A2E;
297
+ @orangered-1: #FFF3E8;
298
+ @orangered-8: #A23511;
299
+ @red-8: #A1151E;
300
+ @yellow-8: #A38408;
301
+ @orangered-9: #771F06;
302
+ @gold-9: #774B04;
303
+ @gold-8: #A26D0A;
304
+ @lime-8: #5F940A;
305
+ @green-6: #00b42a;
306
+ @yellow-9: #785D03;
307
+ @lime-9: #437004;
308
+ @cyan-8: #07828B;
309
+ @green-4: #4CD263;
310
+ @green-9: #006622;
311
+ @cyan-9: #03616C;
312
+ @orangered-5: #F99057;
313
+ @green-3: #7BE188;
314
+ @lime-10: #2A4D00;
315
+ @green-10: #004D1C;
316
+ @green-7: #009A29;
317
+ @green-5: #23C343;
318
+ @green-1: #E8FFEA;
319
+ @green-8: #008026;
320
+ @cyan-10: #00424D;
321
+ @green-2: #AFF0B5;
322
+ @arcoblue-1: #E8F3FF;
323
+ @arcoblue-6: #165dff;
324
+ @blue-9: #063078;
325
+ @arcoblue-2: #BEDAFF;
326
+ @arcoblue-4: #6AA1FF;
327
+ @arcoblue-3: #94BFFF;
328
+ @blue-8: #114BA3;
329
+ @blue-10: #001A4D;
330
+ @blue-7: #206CCF;
331
+ @arcoblue-8: #072CA6;
332
+ @purple-10: #16004D;
333
+ @arcoblue-9: #031A79;
334
+ @pinkpurple-8: #8A0993;
335
+ @pinkpurple-10: #42004D;
336
+ @purple-8: #3C108F;
337
+ @magenta-9: #77064F;
338
+ @magenta-8: #A11069;
339
+ @arcoblue-5: #4080FF;
340
+ @arcoblue-7: #0E42D2;
341
+ @arcoblue-10: #000D4D;
342
+ @purple-9: #27066E;
343
+ @pinkpurple-9: #650370;
344
+ @dark-red-10: #FFF0EC;
345
+ @dark-orangered-9: #FDDEC5;
346
+ @dark-orange-4: #D26913;
347
+ @dark-green-1: #004D1C;
348
+ @dark-blue-9: #C6E8FE;
349
+ @dark-purple-6: #8E51DA;
350
+ @dark-pinkpurple-5: #D92ED9;
351
+ @dark-green-4: #129A37;
352
+ @magenta-10: #4D0034;
353
+ @dark-lime-7: #CBE970;
354
+ @dark-yellow-3: #A38614;
355
+ @dark-orangered-1: #4D0E00;
356
+ @dark-gold-3: #A26F0F;
357
+ @dark-orange-7: #FFB357;
358
+ @dark-cyan-4: #1FA6AA;
359
+ @dark-yellow-6: #FBE94B;
360
+ @dark-red-5: #F54E4E;
361
+ @dark-purple-9: #DFC2F6;
362
+ @dark-magenta-10: #FFE8F1;
363
+ @dark-orangered-8: #FCC6A1;
364
+ @dark-red-2: #770611;
365
+ @dark-gold-2: #774B04;
366
+ @dark-orangered-7: #FAAD7D;
367
+ @dark-arcoblue-9: #BEDAFF;
368
+ @dark-gold-7: #FADC6C;
369
+ @dark-lime-2: #447006;
370
+ @dark-gold-1: #4D2D00;
371
+ @dark-orangered-3: #A23714;
372
+ @dark-cyan-5: #30C9C9;
373
+ @dark-red-3: #A1161F;
374
+ @dark-orange-1: #4D1B00;
375
+ @dark-red-7: #F98D86;
376
+ @dark-lime-9: #EEF8C2;
377
+ @dark-cyan-2: #06616C;
378
+ @dark-purple-2: #27066E;
379
+ @dark-pinkpurple-9: #F7C1F0;
380
+ @dark-arcoblue-7: #689FFF;
381
+ @dark-red-6: #F76965;
382
+ @dark-arcoblue-4: #1D4DD2;
383
+ @dark-yellow-7: #FCF374;
384
+ @dark-red-9: #FDD1CA;
385
+ @dark-yellow-9: #FEFEC6;
386
+ @dark-magenta-1: #4D0034;
387
+ @dark-gray-4: #5f5f60;
388
+ @dark-yellow-2: #785E07;
389
+ @dark-pinkpurple-3: #8A0D93;
390
+ @dark-gold-5: #F7C034;
391
+ @dark-primary-6: rgb(58, 130, 247);
392
+ @dark-arcoblue-8: #93BEFF;
393
+ @dark-green-8: #7EE18B;
394
+ @dark-arcoblue-3: #0E32A6;
395
+ @success-6: rgb(103, 194, 58);
396
+ @dark-gray-1: #17171a;
397
+ @dark-yellow-4: #CFB325;
398
+ @dark-primary-8: rgb(148, 192, 255);
399
+ @dark-purple-10: #F7EDFF;
400
+ @success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
401
+ @dark-orange-3: #A64B0A;
402
+ @dark-gray-6: #929293;
403
+ @dark-yellow-1: #4D3800;
404
+ @dark-orange-2: #793004;
405
+ @dark-orange-10: #FFF7E8;
406
+ @dark-pinkpurple-7: #E866DF;
407
+ @dark-gold-9: #FDF4BE;
408
+ @dark-orange-5: #FF8D1F;
409
+ @dark-blue-8: #A1D5FD;
410
+ @dark-orangered-10: #FFF4EB;
411
+ @primary-1: rgb(238, 246, 255);
412
+ @dark-red-8: #FBB0A7;
413
+ @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
414
+ @primary-4: rgb(143, 208, 255);
415
+ @dark-lime-10: #FDFFEE;
416
+ @dark-gray-5: #78787a;
417
+ @dark-yellow-5: #FAE13C;
418
+ @dark-magenta-3: #A1176C;
419
+ @dark-arcoblue-5: #306FFF;
420
+ @success-5: rgb(149, 212, 117);
421
+ @dark-lime-4: #84B723;
422
+ @dark-magenta-7: #F97AB8;
423
+ @dark-yellow-8: #FDFA9D;
424
+ @dark-magenta-2: #770850;
425
+ @dark-green-7: #50D266;
426
+ @dark-success-1: rgb(39, 56, 61);
427
+ @dark-blue-3: #134CA3;
428
+ @dark-blue-1: #001A4D;
429
+ @dark-pinkpurple-1: #42004D;
430
+ @dark-primary-2: rgb(49, 60, 77);
431
+ @dark-pinkpurple-2: #650370;
432
+ @dark-green-5: #1DB440;
433
+ @dark-purple-1: #16004D;
434
+ @dark-magenta-6: #F756A9;
435
+ @dark-pinkpurple-8: #F092E6;
436
+ @dark-red-1: #4D000A;
437
+ @dark-purple-4: #5A25B0;
438
+ @dark-green-9: #B2F0B7;
439
+ @primary-6: rgb(4, 141, 254);
440
+ @dark-pinkpurple-6: #E13DDB;
441
+ @dark-cyan-6: #3FD4CF;
442
+ @dark-primary-10: rgb(179, 211, 255);
443
+ @dark-primary-1: rgb(46, 55, 71);
444
+ @dark-cyan-8: #90E9E1;
445
+ @dark-cyan-3: #11838B;
446
+ @danger-6: rgb(239, 68, 68);
447
+ @dark-lime-1: #2A4D00;
448
+ @dark-primary-4: rgb(35, 78, 148);
449
+ @dark-success-3: rgb(51, 102, 95);
450
+ @dark-orange-8: #FFCD87;
451
+ @success-4: rgb(179, 224, 156);
452
+ @dark-cyan-7: #66DFD7;
453
+ @success-2: rgb(225, 243, 216);
454
+ @success-1: rgb(240, 249, 235);
455
+ @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
456
+ @dark-cyan-1: #00424D;
457
+ @dark-gray-2: #2e2e30;
458
+ @dark-lime-3: #629412;
459
+ @success-3: rgb(209, 237, 196);
460
+ @dark-primary-3: rgb(40, 71, 121);
461
+ @dark-gold-8: #FCE995;
462
+ @dark-arcoblue-1: #000D4D;
463
+ @dark-blue-6: #5AAAFB;
464
+ @dark-orangered-5: #F77E45;
465
+ @dark-red-4: #CB2E34;
466
+ @dark-purple-7: #A974E3;
467
+ @dark-primary-9: rgb(163, 202, 255);
468
+ @warning-4: rgb(253, 190, 124);
469
+ @dark-success-2: rgb(48, 68, 74);
470
+ @dark-lime-5: #A8DB39;
471
+ @danger-1: rgb(254, 240, 240);
472
+ @dark-primary-7: rgb(102, 166, 255);
473
+ @dark-success-5: rgb(43, 166, 136);
474
+ @dark-blue-5: #469AFA;
475
+ @dark-purple-8: #C59AED;
476
+ @dark-arcoblue-6: #3C7EFF;
477
+ @dark-gold-6: #F9CC44;
478
+ @dark-gray-9: #dfdfdf;
479
+ @dark-warning-7: rgb(255, 155, 105);
480
+ @dark-pinkpurple-10: #FFF2FD;
481
+ @dark-yellow-10: #FEFFF0;
482
+ @dark-green-10: #EBFFEC;
483
+ @dark-green-3: #0A802D;
484
+ @dark-orangered-2: #771E05;
485
+ @warning-5: rgb(255, 173, 87);
486
+ @primary-7: rgb(1, 124, 238);
487
+ @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
488
+ @dark-cyan-9: #BEF4ED;
489
+ @link-3: rgb(191, 220, 255);
490
+ @dark-magenta-4: #CB2B88;
491
+ @warning-1: rgb(255, 247, 237);
492
+ @dark-success-10: rgb(209, 250, 229);
493
+ @success-7: rgb(82, 155, 46);
494
+ @dark-warning-4: rgb(178, 109, 71);
495
+ @dark-primary-5: rgb(46, 104, 198);
496
+ @dark-gold-10: #FFFCE8;
497
+ @dark-danger-2: rgb(85, 51, 62);
498
+ @warning-9: rgb(194, 65, 12);
499
+ @dark-magenta-9: #FDC3DB;
500
+ @danger-5: rgb(248, 152, 152);
501
+ @dark-danger-6: rgb(229, 92, 108);
502
+ @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
503
+ @primary-2: rgb(217, 243, 255);
504
+ @dark-cyan-10: #F0FFFC;
505
+ @dark-gray-10: #f6f6f6;
506
+ @dark-warning-3: rgb(115, 78, 60);
507
+ @link-2: rgb(217, 234, 255);
508
+ @dark-green-2: #046625;
509
+ @dark-danger-5: rgb(178, 72, 89);
510
+ @link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
511
+ @dark-danger-9: rgb(242, 193, 193);
512
+ @dark-gray-8: #c5c5c5;
513
+ @dark-magenta-8: #FB9EC8;
514
+ @dark-success-4: rgb(36, 128, 109);
515
+ @dark-danger-7: rgb(248, 113, 129);
516
+ @dark-lime-8: #DEF198;
517
+ @dark-arcoblue-10: #EAF4FF;
518
+ @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
519
+ @danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
520
+ @dark-link-8: rgb(148, 192, 255);
521
+ @link-5: rgb(67, 141, 251);
522
+ @dark-gray-7: #ababac;
523
+ @dark-danger-8: rgb(240, 157, 157);
524
+ @link-4: rgb(143, 188, 255);
525
+ @dark-warning-5: rgb(205, 121, 80);
526
+ @dark-magenta-5: #F545A6;
527
+ @dark-success-6: rgb(61, 204, 157);
528
+ @dark-lime-6: #B8E24B;
529
+ @warning-6: rgb(251, 146, 60);
530
+ @link-6: rgb(0, 125, 250);
531
+ @dark-danger-3: rgb(107, 59, 71);
532
+ @primary-5: rgb(67, 174, 251);
533
+ @dark-orange-9: #FFE3B8;
534
+ @dark-warning-9: rgb(242, 189, 162);
535
+ @primary-3: rgb(191, 233, 255);
536
+ @warning-3: rgb(254, 215, 170);
537
+ @dark-orange-6: #FF9626;
538
+ @dark-purple-5: #7B3DD1;
539
+ @dark-orangered-4: #CC5729;
540
+ @dark-link-2: rgb(40, 54, 77);
541
+ @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
542
+ @dark-blue-2: #052F78;
543
+ @dark-success-7: rgb(67, 224, 172);
544
+ @warning-8: rgb(234, 88, 12);
545
+ @danger-3: rgb(252, 211, 211);
546
+ @dark-link-4: rgb(35, 78, 148);
547
+ @dark-link-7: rgb(102, 166, 255);
548
+ @warning-7: rgb(249, 115, 22);
549
+ @dark-blue-4: #2971CF;
550
+ @dark-gray-3: #484849;
551
+ @dark-warning-6: rgb(255, 146, 92);
552
+ @dark-warning-10: rgb(255, 227, 213);
553
+ @dark-pinkpurple-4: #B01BB6;
554
+ @warning-2: rgb(255, 237, 213);
555
+ @danger-7: rgb(196, 86, 86);
556
+ @dark-warning-2: rgb(82, 56, 55);
557
+ @dark-purple-3: #3E138F;
558
+ @dark-link-1: rgb(37, 49, 71);
559
+ @dark-green-6: #27C346;
560
+ @dark-danger-4: rgb(128, 64, 75);
561
+ @dark-link-3: rgb(40, 71, 121);
562
+ @dark-warning-1: rgb(64, 48, 47);
563
+ @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
564
+ @dark-arcoblue-2: #041B79;
565
+ @danger-4: rgb(250, 181, 181);
566
+ @link-7: rgb(37, 99, 235);
567
+ @link-1: rgb(238, 246, 255);
568
+ @dark-blue-7: #7DC1FC;
569
+ @dark-orangered-6: #F9925A;
570
+ @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
571
+ @danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
572
+ @dark-link-6: rgb(58, 130, 247);
573
+ @dark-danger-10: rgb(254, 226, 226);
574
+ @warning-10: rgb(154, 52, 18);
575
+ @dark-link-10: rgb(179, 211, 255);
576
+ @dark-blue-10: #EAF8FF;
577
+ @dark-warning-8: rgb(253, 162, 116);
578
+ @dark-gold-4: #CC961F;
579
+ @dark-success-9: rgb(167, 243, 208);
580
+ @dark-link-9: rgb(163, 202, 255);
581
+ @dark-success-8: rgb(114, 240, 190);
582
+ @danger-2: rgb(253, 226, 226);
583
+ @dark-link-5: rgb(46, 104, 198);
584
+ @dark-danger-1: rgb(71, 45, 56);
585
+ @orange-4: #FFB65D;
586
+ @dark-color-text-1: rgb(255, 255, 255);
587
+ @color-text-1: rgb(30, 41, 59);
588
+ @color-bg-white: rgb(255, 255, 255);
589
+ @color-white: #ffffff;
590
+ @dark-color-text-2: rgb(210, 216, 223);
591
+ @dark-color-white: rgb(255, 255, 255);
592
+ @color-text-3: rgb(110, 123, 141);
593
+ @color-text-2: rgb(51, 65, 85);
594
+ @color-text-4: rgb(127, 140, 159);
595
+ @dark-color-text-3: rgb(165, 177, 192);
596
+ @color-border-2: rgb(226, 232, 240);
597
+ @color-fill-4: rgb(255, 255, 255);
598
+ @color-fill-2: rgb(226, 232, 240);
599
+ @color-fill-3: rgb(231, 236, 240);
600
+ @dark-color-bg-1: rgb(29, 36, 50);
601
+ @dark-color-fill-4: rgb(29, 36, 50);
602
+ @dark-color-bg-white: rgb(34, 42, 56);
603
+ @dark-color-border-1: rgb(77, 86, 102);
604
+ @color-bg-1: rgb(255, 255, 255);
605
+ @color-border-1: rgb(203, 213, 225);
606
+ @dark-color-border-2: rgb(55, 62, 73);
607
+ @color-fill-1: rgb(203, 213, 225);
608
+ @dark-color-border-4: @dark-gray-6;
609
+ @dark-color-fill-1: rgb(52, 63, 82);
610
+ @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
611
+ @dark-color-fill-2: rgb(45, 53, 65);
612
+ @dark-color-border-3: rgb(82, 92, 109);
613
+ @dark-color-fill-3: rgb(57, 66, 82);
614
+ @color-bg-3: rgb(245, 249, 255);
615
+ @dark-color-bg-2: rgb(25, 31, 43);
616
+ @dark-color-bg-4: rgb(18, 24, 36);
617
+ @dark-color-bg-5: rgb(29, 36, 50);
618
+ @color-bg-5: rgb(251, 253, 255);
619
+ @color-bg-4: rgb(250, 252, 254);
620
+ @dark-color-bg-3: rgb(20, 27, 41);
621
+ @color-bg-2: rgb(248, 250, 253);
622
+ @color-border-3: rgb(255, 255, 255);
623
+ @textarea-prefix-cls: ~'@{prefix}-textarea';
624
+ @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
625
+ @color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
626
+ @color-link-10: rgb(var(~'@{arco-cssvars-prefix}-link-10'));
627
+ @color-primary-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
628
+ @color-primary-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
629
+ @color-link-5: rgb(var(~'@{arco-cssvars-prefix}-link-5'));
630
+ @color-danger-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
631
+ @color-link-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
632
+ @color-link-8: rgb(var(~'@{arco-cssvars-prefix}-link-8'));
633
+ @color-warning-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
634
+ @color-warning-7: rgb(var(~'@{arco-cssvars-prefix}-warning-7'));
635
+ @color-link-9: rgb(var(~'@{arco-cssvars-prefix}-link-9'));
636
+ @color-primary-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
637
+ @color-danger-10: rgb(var(~'@{arco-cssvars-prefix}-danger-10'));
638
+ @color-success-9: rgb(var(~'@{arco-cssvars-prefix}-success-9'));
639
+ @color-success-8: rgb(var(~'@{arco-cssvars-prefix}-success-8'));
640
+ @color-danger-8: rgb(var(~'@{arco-cssvars-prefix}-danger-8'));
641
+ @color-success-5: rgb(var(~'@{arco-cssvars-prefix}-success-5'));
642
+ @color-warning-8: rgb(var(~'@{arco-cssvars-prefix}-warning-8'));
643
+ @color-success-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
644
+ @color-link-6: rgb(var(~'@{arco-cssvars-prefix}-link-6'));
645
+ @color-warning-9: rgb(var(~'@{arco-cssvars-prefix}-warning-9'));
646
+ @color-danger-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
647
+ @color-primary-6: rgb(var(~'@{arco-cssvars-prefix}-primary-6'));
648
+ @color-warning-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
649
+ @color-primary-7: rgb(var(~'@{arco-cssvars-prefix}-primary-7'));
650
+ @color-warning-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
651
+ @color-danger-5: rgb(var(~'@{arco-cssvars-prefix}-danger-5'));
652
+ @color-primary-8: rgb(var(~'@{arco-cssvars-prefix}-primary-8'));
653
+ @color-warning-6: rgb(var(~'@{arco-cssvars-prefix}-warning-6'));
654
+ @color-danger-9: rgb(var(~'@{arco-cssvars-prefix}-danger-9'));
655
+ @color-success-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
656
+ @color-success-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
657
+ @color-danger-7: rgb(var(~'@{arco-cssvars-prefix}-danger-7'));
658
+ @color-warning-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
659
+ @color-warning-5: rgb(var(~'@{arco-cssvars-prefix}-warning-5'));
660
+ @color-link-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
661
+ @color-danger-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
662
+ @color-link-7: rgb(var(~'@{arco-cssvars-prefix}-link-7'));
663
+ @color-primary-9: rgb(var(~'@{arco-cssvars-prefix}-primary-9'));
664
+ @color-link-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
665
+ @color-warning-10: rgb(var(~'@{arco-cssvars-prefix}-warning-10'));
666
+ @color-success-7: rgb(var(~'@{arco-cssvars-prefix}-success-7'));
667
+ @color-primary-10: rgb(var(~'@{arco-cssvars-prefix}-primary-10'));
668
+ @color-danger-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
669
+ @color-success-10: rgb(var(~'@{arco-cssvars-prefix}-success-10'));
670
+ @color-link-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
671
+ @color-success-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
672
+ @color-danger-6: rgb(var(~'@{arco-cssvars-prefix}-danger-6'));
673
+ @color-success-6: rgb(var(~'@{arco-cssvars-prefix}-success-6'));
674
+ @dark-color-menu-dark-hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
675
+ @color-black: #000000;
676
+ @color-primary-light-2: rgb(var(~'@{arco-cssvars-prefix}-primary-2'));
677
+ @color-spin-layer-bg: rgba(255, 255, 255, 0.6);
678
+ @color-tooltip-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-10'));
679
+ @color-primary-light-3: rgb(var(~'@{arco-cssvars-prefix}-primary-3'));
680
+ @dark-color-tooltip-bg: #373739;
681
+ @color-bg-popup: var(~'@{arco-cssvars-prefix}-color-bg-5');
682
+ @color-secondary: var(~'@{arco-cssvars-prefix}-color-neutral-2');
683
+ @dark-mask-color-bg: rgba(23, 23, 26, 0.6);
684
+ @color-primary-light-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
685
+ @dark-color-spin-layer-bg: rgba(51, 51, 51, 0.6);
686
+ @dark-color-black: #000000;
687
+ @color-secondary-hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
688
+ @color-primary-light-4: rgb(var(~'@{arco-cssvars-prefix}-primary-4'));
689
+ @color-border: rgb(var(~'@{arco-cssvars-prefix}-gray-3'));
690
+ @color-menu-dark-hover: rgba(255, 255, 255, 0.04);
691
+ @mask-color-bg: rgba(29, 33, 41, 0.6);
692
+ @color-secondary-active: var(~'@{arco-cssvars-prefix}-color-neutral-4');
693
+ @color-danger-light-3: rgb(var(~'@{arco-cssvars-prefix}-danger-3'));
694
+ @color-danger-light-1: rgb(var(~'@{arco-cssvars-prefix}-danger-1'));
695
+ @color-secondary-disabled: var(~'@{arco-cssvars-prefix}-color-neutral-1');
696
+ @color-danger-light-2: rgb(var(~'@{arco-cssvars-prefix}-danger-2'));
697
+ @color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-1'));
698
+ @color-danger-light-4: rgb(var(~'@{arco-cssvars-prefix}-danger-4'));
699
+ @color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-2'));
700
+ @color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-4'));
701
+ @color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-3'));
702
+ @color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-1'));
703
+ @color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-3'));
704
+ @color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-2'));
705
+ @dark-color-border: #333335;
706
+ @color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-4'));
707
+ @dark-color-primary-light-1: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.2);
708
+ @dark-color-primary-light-4: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.65);
709
+ @dark-color-secondary: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
710
+ @dark-color-primary-light-2: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.35);
711
+ @dark-color-secondary-disabled: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
712
+ @dark-color-secondary-active: rgba(var(~'@{arco-cssvars-prefix}-gray-7'), 0.24);
713
+ @dark-color-secondary-hover: rgba(var(~'@{arco-cssvars-prefix}-gray-8'), 0.16);
714
+ @dark-color-text-4: rgb(138, 154, 173);
715
+ @dark-color-primary-light-3: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.5);
716
+ @dark-color-danger-light-1: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.2);
717
+ @dark-color-danger-light-2: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.35);
718
+ @dark-color-danger-light-3: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.5);
719
+ @dark-color-danger-light-4: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.65);
720
+ @dark-color-success-light-1: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.2);
721
+ @dark-color-success-light-2: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.35);
722
+ @dark-color-success-light-3: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.5);
723
+ @dark-color-success-light-4: rgb(var(~'@{arco-cssvars-prefix}-success-6'), 0.65);
724
+ @dark-color-warning-light-1: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.2);
725
+ @dark-color-warning-light-2: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.35);
726
+ @dark-color-warning-light-3: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.5);
727
+ @dark-color-warning-light-4: rgb(var(~'@{arco-cssvars-prefix}-warning-6'), 0.65);
728
+ @color-link-light-1: rgb(var(~'@{arco-cssvars-prefix}-link-1'));
729
+ @color-link-light-2: rgb(var(~'@{arco-cssvars-prefix}-link-2'));
730
+ @color-link-light-3: rgb(var(~'@{arco-cssvars-prefix}-link-3'));
731
+ @color-link-light-4: rgb(var(~'@{arco-cssvars-prefix}-link-4'));
732
+ @dark-color-link-light-1: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.2);
733
+ @dark-color-link-light-2: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.35);
734
+ @dark-color-link-light-3: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.5);
735
+ @dark-color-link-light-4: rgba(var(~'@{arco-cssvars-prefix}-link-6'), 0.65);
736
+ @opacity-none: 0;
737
+ @opacity-1: 10%;
738
+ @opacity-2: 20%;
739
+ @opacity-3: 30%;
740
+ @opacity-4: 40%;
741
+ @opacity-5: 50%;
742
+ @opacity-6: 60%;
743
+ @opacity-7: 70%;
744
+ @opacity-8: 80%;
745
+ @opacity-9: 90%;
746
+ @opacity-10: 100%;
747
+ @mask-bg-opacity: 60%;
748
+ @transition-duration-1: 0.1s;
749
+ @transition-duration-2: 0.2s;
750
+ @transition-duration-3: 0.3s;
751
+ @transition-duration-4: 0.4s;
752
+ @transition-duration-5: 0.5s;
753
+ @transition-duration-loading: 1s;
754
+ @transition-timing-function-linear: cubic-bezier(0, 0, 1, 1);
755
+ @transition-timing-function-standard: cubic-bezier(0.34, 0.69, 0.1, 1);
756
+ @transition-timing-function-overshoot: cubic-bezier(0.3, 1.3, 0.3, 1);
757
+ @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
758
+ @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
759
+ @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
760
+ @icon-hover-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
761
+ @icon-hover-size-default-height: 20px;
762
+ @icon-hover-size-small-height: 20px;
763
+ @icon-hover-size-mini-height: 20px;
764
+ @icon-hover-size-large-height: 24px;
765
+ @icon-hover-size-huge-height: 24px;
766
+ @icon-hover-size-small-icon: 12px;
767
+ @icon-hover-size-mini-icon: 12px;
768
+ @icon-hover-size-default-icon: 12px;
769
+ @icon-hover-size-large-icon: 12px;
770
+ @icon-hover-size-huge-icon: 12px;
771
+ @radius-none: var(~'@{arco-cssvars-prefix}-border-radius-none');
772
+ @radius-small: var(~'@{arco-cssvars-prefix}-border-radius-small');
773
+ @radius-medium: var(~'@{arco-cssvars-prefix}-border-radius-medium');
774
+ @radius-large: var(~'@{arco-cssvars-prefix}-border-radius-large');
775
+ @radius-circle: var(~'@{arco-cssvars-prefix}-border-radius-circle');
776
+ @code-family: Consolas, Menlo;
777
+ @z-index-popup-base: 1000;
778
+ @z-index-affix: 999;
779
+ @z-index-popup: 1000;
780
+ @z-index-drawer: 1001;
781
+ @z-index-modal: 1001;
782
+ @z-index-message: 1003;
783
+ @z-index-notification: 1003;
784
+ @z-index-image-preview: 1001;
785
+ @line-height-base: 1.5715;
786
+ @popup-box-shadow-base: 0 2px 5px rgba(0, 0, 0, 0.1);
787
+ @color-transparent: transparent;
788
+ @prefix: arco;
789
+ @badge-prefix-cls: ~'@{prefix}-badge';
790
+ @calendar-prefix-cls: ~'@{prefix}-calendar';
791
+ @rate-prefix-cls: ~'@{prefix}-rate';
792
+ @font-size-body: @font-size-body-3;
793
+ @size-none: 0;
794
+ @border-4: 4px;
795
+ @border-5: 5px;
796
+ @arco-theme-tag: body;
797
+ @skeleton-prefix-cls: ~'@{prefix}-skeleton';
798
+ @arco-vars-prefix: ~'';
799
+ @arco-cssvars-prefix: if(@arco-vars-prefix = ~'', -, ~'--@{arco-vars-prefix}');
800
+ @watermark-prefix-cls: ~'@{prefix}-watermark';
801
+ @verification-code-prefix-cls: ~'@{prefix}-verification-code';
802
+ @color-prefix-cls: ~'@{prefix}-color';
803
+ @btn-text-color-bg_success_active: @color-transparent;
804
+ @input-tag-size-small-height: @size-small;
805
+ @tabs-card-gutter-color-title-bg: @color-bg-white;
806
+ @steps-dot-color-item-tail_wait: @color-border-1;
807
+ @tooltip-mini-font-size: @font-size-body-2;
808
+ @card-size-small-font-size-title: @font-size-body-3;
809
+ @alert-warning-color-text-title: @color-text-2;
810
+ @input-number-step-button-color-bg_default_active: @color-primary-2;
811
+ @picker-color-border_hover: @color-primary-6;
812
+ @transfer-border-color: @color-border-2;
813
+ @steps-size-default-arrow: @size-18;
814
+ @anchor-title-padding-vertical: @spacing-2;
815
+ @btn-dashed-color-bg: @color-transparent;
816
+ @select-multi-popup-option-padding-horizontal: @spacing-2;
817
+ @message-success-color-content: @color-text-2;
818
+ @list-size-default-padding-vertical-item: @spacing-5;
819
+ @btn-text-color-text_warning_disabled: @color-warning-3;
820
+ @btn-outline-color-bg_disabled: @color-transparent;
821
+ @table-color-text-body-cell: @color-text-2;
822
+ @picker-color-bg: @color-bg-white;
823
+ @radio-button-bg-border-radius: @border-radius-medium;
824
+ @list-meta-color-title: @color-text-1;
825
+ @btn-size-mini-height: @size-mini;
826
+ @typography-color-icon-edit_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
827
+ @btn-size-mini-icon-vertical-align: -1px;
828
+ @popup-font-size: @font-size-body-2;
829
+ @auto-complete-option-color-text_default: @color-text-2;
830
+ @select-popup-option-color-bg_hover: @color-primary-2;
831
+ @select-color-bg_error_focus: @color-transparent;
832
+ @input-tag-size-default-tag-height: @size-6;
833
+ @calendar-color-bg-switch-icon: @color-transparent;
834
+ @steps-circle-color-item-title_finish: @color-text-2;
835
+ @card-border-radius: @border-radius-medium;
836
+ @select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
837
+ @tree-color-title-text_active: @color-text-2;
838
+ @alert-padding-horizontal_with_title: @spacing-7;
839
+ @transfer-item-color-bg_hover: @color-primary-2;
840
+ @popup-margin-content-top: @spacing-2;
841
+ @divider-position-text-left: @spacing-9;
842
+ @picker-color-bg-switch-icon_hover: @color-primary-1;
843
+ @transfer-pagination-width-input: @size-6;
844
+ @typography-text-font-weight-bold: @font-weight-500;
845
+ @menu-light-color-submenu_selected: @color-primary-6;
846
+ @message-info-color-bg: @color-bg-1;
847
+ @card-color-border: @color-border-1;
848
+ @descriptions-color-title: @color-text-2;
849
+ @tag-default-color-text: @color-text-2;
850
+ @card-size-default-font-size: @font-size-body-2;
851
+ @calendar-color-border: @color-border-1;
852
+ @steps-dot-horizontal-item-description-margin-top: @spacing-2;
853
+ @steps-dot-size-item-icon: @size-2;
854
+ @radio-button-color-bg_active: @color-primary-6;
855
+ @table-color-header-sorter-icon_active: @color-primary-6;
856
+ @pagination-item-border-radius: @border-radius-medium;
857
+ @avatar-font-size-text: @font-size-title-1;
858
+ @table-color-bg-body-row_hover: @color-bg-3;
859
+ @tabs-card-color-title-bg_hover: @color-transparent;
860
+ @table-size-mini-padding-vertical: 2px;
861
+ @tabs-color-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
862
+ @btn-outline-color-text_disabled: @color-text-6;
863
+ @btn-outline-color-border_hover: @color-text-5;
864
+ @rate-min-height: @size-default;
865
+ @table-size-default-padding-vertical: @spacing-5;
866
+ @btn-text-color-bg_warning_hover: @color-transparent;
867
+ @timepicker-font-weight-cell_active: @font-weight-500;
868
+ @btn-size-mini-icon-spacing: @spacing-2;
869
+ @cascader-margin-checkbox-right: @spacing-4;
870
+ @divider-margin-vertical_text: @spacing-8;
871
+ @notification-error-color-border: @color-transparent;
872
+ @input-size-small-height: @size-small;
873
+ @table-color-bg-header-cell: @color-text-2;
874
+ @transfer-item-padding-horizontal: @spacing-5;
875
+ @btn-size-small-padding-horizontal: @spacing-7;
876
+ @auto-complete-popup-color-border: @color-transparent;
877
+ @select-popup-option-color-bg_default: @color-fill-5;
878
+ @page-header-padding-left: @spacing-none;
879
+ @transfer-height-title: @size-9;
880
+ @upload-picture-item-width: @size-15;
881
+ @btn-secondary-color-bg_hover: @color-primary-2;
882
+ @cascader-color-checkbox-bg_hover: @color-transparent;
883
+ @form-color-extra-text: @color-text-5;
884
+ @table-size-filters-width: 24px;
885
+ @menu-light-color-icon_hover: @color-primary-6;
886
+ @transfer-border-radius: @border-radius-medium;
887
+ @btn-text-color-bg_danger_hover: @color-transparent;
888
+ @tag-gray-color-text: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
889
+ @card-size-small-font-size: @font-size-body-2;
890
+ @result-color-subtitle-text: @color-text-5;
891
+ @radio-color-border: @color-border-1;
892
+ @radio-button-color-bg_hover: @color-primary-2;
893
+ @table-size-small-padding-horizontal: @spacing-6;
894
+ @notification-error-color-text-title: @color-text-1;
895
+ @table-size-middle-font-size: @font-size-body-3;
896
+ @modal-position-close-icon-right: @spacing-8;
897
+ @steps-arrow-size-item-gap: @spacing-2;
898
+ @rate-font-size: @font-size-title-3;
899
+ @tree-size-mini-line-height: @size-mini;
900
+ @modal-default-padding-footer-vertical: @spacing-7;
901
+ @tabs-padding-title-text-horizontal: @spacing-4;
902
+ @card-size-small-font-size-title-extra: @font-size-title-1;
903
+ @input-tag-color-placeholder: @color-text-4;
904
+ @breadcrumb-color-link-text: @color-text-4;
905
+ @menu-light-color-bg-item_hover: @color-transparent;
906
+ @search-button-padding-horizontal: @spacing-4;
907
+ @btn-text-color-text_active: @color-primary-7;
908
+ @anchor-color-title_active: @color-primary-6;
909
+ @tag-gray-color-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-2'));
910
+ @table-size-small-padding-vertical: 5px;
911
+ @page-header-color-divider-bg: @color-bg-white;
912
+ @input-tag-size-small-font-size: @font-size-body-3;
913
+ @checkbox-mask-color-bg_checked_disabled: @color-fill-2;
914
+ @card-color-title: @color-text-1;
915
+ @modal-font-content-size: @font-size-body-2;
916
+ @radio-button-color-text_hover: @color-primary-6;
917
+ @input-tag-size-default-font-size: @font-size-body-2;
918
+ @input-tag-color-border_error_hover: @color-danger-6;
919
+ @tooltip-font-size: @font-size-body-2;
920
+ @upload-text-item-color-remove-icon: @color-text-2;
921
+ @table-spacing-pagination-margin: @spacing-8;
922
+ @menu-light-color-icon_default: @color-text-6;
923
+ @link-margin-icon-right: @spacing-3;
924
+ @select-color-bg_default: @color-fill-4;
925
+ @timeline-dot-size-width: @size-2;
926
+ @checkbox-mask-color-border_checked: @color-transparent;
927
+ @avatar-group-item-border-width: 2px;
928
+ @popconfirm-margin-title-bottom: @spacing-7;
929
+ @radio-button-spacing: @spacing-none;
930
+ @link-color-text_hover: @color-link-5;
931
+ @tabs-line-color-title-bg_hover: @color-transparent;
932
+ @result-size-icon-wrapper: @size-9;
933
+ @transfer-color-text-header-unit: var(~'@{arco-cssvars-prefix}-color-text-3');
934
+ @checkbox-color-check-icon_disabled: @color-fill-2;
935
+ @modal-font-header-size: @font-size-title-1;
936
+ @radio-button-size-separator-height: @size-7;
937
+ @alert-padding-vertical_with_title: @spacing-7;
938
+ @typography-text-color-code-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
939
+ @picker-color-border_focus: @color-primary-6;
940
+ @timepicker-color-extra-text: @color-text-2;
941
+ @list-border-color: @color-border-2;
942
+ @tree-color-title-bg_hover: @color-primary-2;
943
+ @upload-picture-item-border-radius: @border-radius-medium;
944
+ @form-size-small-font-label-size: @font-size-body-3;
945
+ @input-tag-color-bg_error_focus: @color-bg-white;
946
+ @input-tag-color-bg_default: @color-bg-white;
947
+ @transfer-color-text-header: @color-text-1;
948
+ @pagination-size-default: @size-6;
949
+ @cascader-font-item-size: @font-size-body-2;
950
+ @upload-text-item-margin-file-icon-right: @spacing-6;
951
+ @notification-success-color-border: @color-transparent;
952
+ @popup-padding-horizontal: @spacing-7;
953
+ @checkbox-mask-color-border_checked_disabled: @color-border-1;
954
+ @popup-color-content-text: @color-text-3;
955
+ @collapse-title-color-text: @color-text-1;
956
+ @notification-error-color-bg: @color-bg-1;
957
+ @btn-secondary-color-text_warning_hover: @color-warning-6;
958
+ @card-border-radius-no-border: @border-radius-medium;
959
+ @anchor-border-radius-title-hover: @border-radius-medium;
960
+ @select-popup-border-radius: @radius-medium;
961
+ @table-color-expand-icon_hover: @color-text-3;
962
+ @input-color-bg_focus: @color-bg-white;
963
+ @alert-error-color-text-content_title: @color-text-2;
964
+ @tree-color-title-text_hover: @color-text-2;
965
+ @cascader-color-item-bg_hover: @color-primary-2;
966
+ @cascader-padding-item-left: @spacing-6;
967
+ @result-color-title-text: @color-text-2;
968
+ @dropdown-border-radius: @border-radius-medium;
969
+ @message-error-color-content: @color-text-2;
970
+ @table-color-bg-body-cell: @color-bg-1;
971
+ @list-meta-margin-right-avatar: @spacing-7;
972
+ @link-color-text_warning_disabled: @color-warning-3;
973
+ @slider-color-road-bg: var(~'@{arco-cssvars-prefix}-color-white');
974
+ @steps-navigation-margin-right: @spacing-10;
975
+ @alert-warning-color-text-content_title: @color-text-4;
976
+ @btn-text-color-text_success_disabled: @color-success-3;
977
+ @tag-default-color-bg: @color-primary-2;
978
+ @btn-secondary-color-text_danger_active: @color-danger-7;
979
+ @list-size-large-padding-vertical-header: @spacing-7;
980
+ @cascader-color-item-bg_active: @color-primary-2;
981
+ @dropdown-color-border: @color-transparent;
982
+ @select-popup-option-border-radius: @border-radius-none;
983
+ @result-size-image-width: @size-23;
984
+ @patination-jumper-input-width: @size-10;
985
+ @alert-margin-close-icon-left: @spacing-4;
986
+ @link-color-text: @color-link-6;
987
+ @btn-size-large-padding-horizontal: 19px;
988
+ @tabs-size-small-font-size_card: @font-size-body-3;
989
+ @btn-outline-color-text_hover: @color-text-3;
990
+ @select-color-bg_default_hover: @color-fill-4;
991
+ @tooltip-color-text: @color-text-2;
992
+ @list-font-size: @font-size-body-2;
993
+ @tabs-card-gutter-color-title-bg_hover: @color-primary-1;
994
+ @table-color-bg-header-sorted-cell_hover: @color-transparent;
995
+ @tabs-line-border-radius: @border-radius-medium;
996
+ @btn-text-color-text_warning_hover: @color-warning-5;
997
+ @table-color-bg-body-row_active: @color-primary-1;
998
+ @menu-light-color-item_selected: @color-primary-6;
999
+ @input-tag-tag-color-border: @color-transparent;
1000
+ @message-warning-color-bg: @color-bg-1;
1001
+ @result-padding-top: @spacing-9;
1002
+ @link-color-text_disabled: @color-text-6;
1003
+ @badge-size-count-height: @size-5;
1004
+ @modal-default-size-header-height: @size-16;
1005
+ @tag-gray-color-icon: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
1006
+ @card-size-default-font-size-title-extra: @font-size-title-1;
1007
+ @tree-node-border-radius: @border-radius-medium;
1008
+ @transfer-height: 224px;
1009
+ @calendar-color-bg-switch-icon_hover: @color-primary-1;
1010
+ @picker-size-default-font-size-text: @font-size-body-2;
1011
+ @radio-button-color-text_checked_disabled: @color-text-3;
1012
+ @card-margin-top-meta-footer: @spacing-8;
1013
+ @message-normal-color-border: @color-transparent;
1014
+ @result-margin-icon-bottom: @spacing-7;
1015
+ @link-color-bg_hover: @color-transparent;
1016
+ @alert-info-color-text-content_title: @color-text-4;
1017
+ @tabs-color-title-text_active: @color-primary-6;
1018
+ @pagination-color-item-text_disabled: @color-text-6;
1019
+ @table-color-bg-expand-icon_hover: @color-bg-white;
1020
+ @form-margin-extra-bottom: @spacing-2;
1021
+ @modal-simple-padding-top: @spacing-8;
1022
+ @table-color-expand-icon: @color-text-3;
1023
+ @notification-border-radius: @border-radius-medium;
1024
+ @modal-color-border: @color-transparent;
1025
+ @notification-margin-bottom: @spacing-8;
1026
+ @empty-font-size-image: @size-9;
1027
+ @breadcrumb-padding-text-horizontal: @spacing-none;
1028
+ @card-size-default-padding-vertical-body: @spacing-8;
1029
+ @avatar-font-size-max-count: 20px;
1030
+ @picker-color-bg-cell-hover-in-range: @color-transparent;
1031
+ @link-color-bg_active: @color-transparent;
1032
+ @select-popup-padding-horizontal: @spacing-none;
1033
+ @auto-complete-option-color-text_selected: @color-text-2;
1034
+ @message-normal-color-bg: @color-bg-1;
1035
+ @breadcrumb-color-link-text_hover: @color-text-2;
1036
+ @btn-dashed-color-bg_success_disabled: @color-transparent;
1037
+ @notification-warning-color-border: @color-transparent;
1038
+ @btn-outline-color-bg_warning_disabled: @color-transparent;
1039
+ @btn-text-color-text_danger_hover: @color-danger-5;
1040
+ @dropdown-option-color-bg_hover: @color-primary-2;
1041
+ @progress-line-size-small-margin-text-left: @spacing-7;
1042
+ @descriptions-color-border: @color-border-2;
1043
+ @radio-color-bg_disabled: @color-fill-2;
1044
+ @pagination-item-spacing: @spacing-2;
1045
+ @table-size-expand-button: @size-4;
1046
+ @anchor-color-bg-title_hover: @color-primary-1;
1047
+ @btn-secondary-color-bg_danger_active: @color-danger-2;
1048
+ @message-color-close-icon: @color-text-2;
1049
+ @picker-size-small-font-size-text: @font-size-body-2;
1050
+ @tree-size-large-line-height: @size-large;
1051
+ @form-color-text-label: @color-text-2;
1052
+ @message-normal-color-icon: @color-text-2;
1053
+ @cascader-color-item-text_hover: @color-text-2;
1054
+ @list-border-radius: @border-radius-medium;
1055
+ @notification-btn-wrapper-margin-top: @spacing-7;
1056
+ @btn-text-color-bg_warning_active: @color-transparent;
1057
+ @btn-secondary-color-text_active: @color-primary-7;
1058
+ @pagination-margin-jumper-left: @spacing-8;
1059
+ @descriptions-border-item-size-medium-padding-vertical: 5px;
1060
+ @pagination-color-icon-arrow: @color-text-3;
1061
+ @popconfirm-size-title-icon: 18px;
1062
+ @steps-navigation-size-arrow: 6px;
1063
+ @btn-dashed-color-bg_danger_hover: @color-danger-1;
1064
+ @transfer-operation-padding-horizontal: @spacing-8;
1065
+ @cascader-padding-item-right: @spacing-4;
1066
+ @switch-color-bg_on: @color-primary-6;
1067
+ @btn-dashed-color-border_danger: @color-danger-3;
1068
+ @btn-size-default-padding-horizontal: @spacing-7;
1069
+ @table-border-radius: @border-radius-medium;
1070
+ @dark-color-bg-6: #d9dde3;
1071
+ @typography-color-blockquote-bg: var(~'@{arco-cssvars-prefix}-color-bg-2');
1072
+ @popup-color-content-bg: var(~'@{arco-cssvars-prefix}-color-fill-5');
1073
+ @tabs-line-color-header-border: @color-border-2;
1074
+ @picker-size-small: @size-small;
1075
+ @steps-circle-color-item-icon-text_finish: @color-primary-6;
1076
+ @steps-circle-color-item-bg_wait: @color-fill-2;
1077
+ @radio-color-border_disabled: @color-border-1;
1078
+ @btn-outline-color-text_success_disabled: @color-success-3;
1079
+ @select-popup-option-height: @size-9;
1080
+ @progress-line-margin-text-left: @spacing-7;
1081
+ @btn-outline-color-bg: @color-transparent;
1082
+ @collapse-color-border: @color-border-1;
1083
+ @picker-header-font-size: @font-size-body;
1084
+ @menu-light-color-bg-item_selected: @color-primary-2;
1085
+ @modal-font-size-close-icon: @size-4;
1086
+ @breadcrumb-font-weight_active: @font-weight-400;
1087
+ @btn-size-mini-font-size: @font-size-body-1;
1088
+ @resizeBox-trigger-color-background: @color-fill-3;
1089
+ @result-padding-top_icon: @spacing-8;
1090
+ @notification-success-color-text-title: @color-text-1;
1091
+ @input-number-step-button-color-bg_default_hover: @color-primary-1;
1092
+ @divider-position-text-right: @spacing-9;
1093
+ @input-color-bg_hover: @color-bg-white;
1094
+ @pagination-size-default-font-size: @font-size-body-2;
1095
+ @steps-dot-color-item-title_error: @color-text-2;
1096
+ @btn-secondary-color-bg_active: @color-primary-3;
1097
+ @notification-info-color-bg: @color-bg-1;
1098
+ @avatar-group-popover-item-spacing: @spacing-2;
1099
+ @radio-button-color-bg_checked_disabled: @color-bg-2;
1100
+ @notification-padding-top: @spacing-8;
1101
+ @timeline-color-line-bg: @color-border-2;
1102
+ @card-size-default-font-size-title: @font-size-body-3;
1103
+ @menu-border-radius: @border-radius-medium;
1104
+ @upload-picture-text-item-color-text_error: @color-danger-6;
1105
+ @input-tag-color-text_default: @color-text-2;
1106
+ @upload-text-item-size-reupload-icon: @size-3;
1107
+ @btn-outline-color-text_danger_disabled: @color-danger-3;
1108
+ @progress-line-size-default-icon-size: 12px;
1109
+ @table-color-border-filters-popup: @color-transparent;
1110
+ @btn-secondary-color-bg_danger_disabled: @color-transparent;
1111
+ @btn-primary-color-bg_active: @color-primary-7;
1112
+ @table-size-middle-padding-horizontal: @spacing-6;
1113
+ @modal-simple-align-footer: right;
1114
+ @list-size-small-padding-vertical-item: 9px;
1115
+ @btn-outline-color-border_disabled: @color-border-2;
1116
+ @btn-size-default-height: @size-8;
1117
+ @result-padding-bottom: @spacing-9;
1118
+ @btn-size-small-icon-spacing: @spacing-2;
1119
+ @notification-normal-color-bg: @color-bg-1;
1120
+ @link-color-text_warning_hover: @color-warning-5;
1121
+ @slider-color-mark-font: @color-text-3;
1122
+ @radio-button-color-text_disabled: @color-text-6;
1123
+ @timepicker-color-border: @color-transparent;
1124
+ @select-popup-option-color-bg_disabled: @color-fill-5;
1125
+ @tabs-line-color-ink-bg: @color-primary-6;
1126
+ @transfer-item-draggable-color_blink: var(~'@{arco-cssvars-prefix}-color-primary-light-1');
1127
+ @btn-dashed-color-bg_active: @color-primary-2;
1128
+ @notification-padding-bottom: @spacing-8;
1129
+ @list-color-text: @color-text-2;
1130
+ @table-font-size-expand-button: @size-2;
1131
+ @select-color-border_disabled: @color-border-1;
1132
+ @breadcrumb-margin-separator-horizontal: @spacing-2;
1133
+ @card-size-small-height-title: @size-10;
1134
+ @search-size-icon: 14px;
1135
+ @cascader-size-item-height: @size-9;
1136
+ @page-header-size-back-icon-bg_hover: 30px;
1137
+ @select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-2');
1138
+ @progress-line-color-icon_normal: @color-text-2;
1139
+ @input-tag-tag-color-bg_disabled: @color-fill-2;
1140
+ @btn-outline-color-border_danger_disabled: @color-danger-2;
1141
+ @avatar-color-trigger-mask-icon: @color-white;
1142
+ @btn-font-weight: @font-weight-600;
1143
+ @list-size-small-padding-vertical-header: @spacing-4;
1144
+ @collapse-title-color-bg: @color-bg-white;
1145
+ @card-size-default-height-title: 46px;
1146
+ @descriptions-size-small-font-size-text: @font-size-body-3;
1147
+ @page-header-color-back-icon-bg_hover: @color-fill-1;
1148
+ @input-border-radius: @border-radius-medium;
1149
+ @upload-text-item-margin-error-icon-left: @spacing-2;
1150
+ @checkbox-mask-border-width: @border-1;
1151
+ @modal-simple-margin-content-top: @spacing-9;
1152
+ @tag-default-color-bg_hover: @color-primary-2;
1153
+ @upload-text-item-padding-left: @spacing-6;
1154
+ @btn-secondary-color-bg_success_disabled: @color-transparent;
1155
+ @modal-simple-margin-footer-top: @spacing-8;
1156
+ @timeline-item-min-height: @size-15;
1157
+ @link-color-text_success_disabled: @color-success-3;
1158
+ @input-color-bg: @color-fill-4;
1159
+ @btn-outline-color-bg_hover: @color-transparent;
1160
+ @avatar-color-trigger-icon-button: @color-text-3;
1161
+ @auto-complete-popup-padding-vertical: @spacing-2;
1162
+ @result-color-icon-bg_warning: @color-warning-6;
1163
+ @radio-color-bg: @color-transparent;
1164
+ @upload-text-item-padding-right: @spacing-5;
1165
+ @descriptions-border-color-bg-label: var(~'@{arco-cssvars-prefix}-color-bg-1');
1166
+ @card-color-title-extra: @color-primary-6;
1167
+ @alert-padding-horizontal: @spacing-7;
1168
+ @progress-line-size-large-icon-size: 14px;
1169
+ @tree-select-padding-popup-vertical: @spacing-2;
1170
+ @btn-primary-color-text_warning_active: @color-white;
1171
+ @select-color-icon_default: @color-text-3;
1172
+ @popconfirm-font-title-size: @font-size-body-3;
1173
+ @transfer-item-font-size: @font-size-body-2;
1174
+ @color-bg-6: #d9dde3;
1175
+ @picker-color-bg_focus: @color-bg-white;
1176
+ @spin-color-icon: @color-primary-6;
1177
+ @typography-color-bg-icon-edit: @color-transparent;
1178
+ @result-color-icon-bg_error: @color-danger-6;
1179
+ @transfer-color-bg-header: @color-fill-3;
1180
+ @list-size-large-padding-vertical-item: 17px;
1181
+ @divider-color-bg: @color-border-2;
1182
+ @page-header-color-title-text: @color-text-1;
1183
+ @upload-text-item-border-radius: @border-radius-medium;
1184
+ @select-popup-color-bg: @color-fill-5;
1185
+ @typography-color-blockquote-border-left: var(~'@{arco-cssvars-prefix}-color-neutral-6');
1186
+ @notification-font-size-icon: 24px;
1187
+ @steps-arrow-color-item-description_finish: @color-text-3;
1188
+ @card-color-bg: @color-fill-4;
1189
+ @input-tag-size-default-height: @size-8;
1190
+ @calendar-color-switch-icon: @color-text-3;
1191
+ @badge-margin-status-text-left: @spacing-4;
1192
+ @input-color-border_disabled: @color-border-1;
1193
+ @checkbox-mask-bg-color-bg: @color-transparent;
1194
+ @pagination-color-item-text: @color-text-3;
1195
+ @input-color-suffix-text: @color-text-2;
1196
+ @popconfirm-padding-vertical: @spacing-7;
1197
+ @btn-secondary-color-text_warning_disabled: @color-warning-3;
1198
+ @pagination-margin-total-spacing: @spacing-none;
1199
+ @btn-outline-color-text_warning_disabled: @color-warning-3;
1200
+ @alert-margin-icon-right: @spacing-4;
1201
+ @steps-navigation-size-arrow-top: @spacing-6;
1202
+ @slider-color-dot-bg: @color-bg-2;
1203
+ @skeleton-color-animate-bg: @color-fill-2;
1204
+ @select-color-border_default_hover: @color-primary-6;
1205
+ @picker-panel-color-border: @color-border-1;
1206
+ @progress-line-color-text: @color-text-2;
1207
+ @modal-margin-footer-button-left: @spacing-4;
1208
+ @upload-drag-color-bg_hover: @color-transparent;
1209
+ @input-tag-size-mini-height: @size-mini;
1210
+ @input-size-small-icon-suffix-size: 14px;
1211
+ @radio-color-dot-bg_checked_disabled: @color-text-6;
1212
+ @select-size-icon-bg: @size-4;
1213
+ @descriptions-font-size-title: @font-size-body-3;
1214
+ @btn-dashed-color-bg_warning_disabled: @color-transparent;
1215
+ @collapse-content-font-size: @font-size-body-2;
1216
+ @input-color-text_disabled: @color-text-6;
1217
+ @divider-margin-vertical: @spacing-8;
1218
+ @steps-dot-color-item-border_wait: @color-fill-3;
1219
+ @btn-dashed-color-text_success_active: @color-success-7;
1220
+ @tag-border-radius: @border-radius-small;
1221
+ @steps-dot-border-radius-item-icon: @border-radius-circle;
1222
+ @modal-default-padding-content-vertical: @spacing-none;
1223
+ @comment-font-size: @font-size-body-2;
1224
+ @progress-line-size-default-font-size: @font-size-body-1;
1225
+ @pagination-simple-margin-prev-right: @spacing-none;
1226
+ @avatar-circle-border-radius: @border-radius-circle;
1227
+ @tabs-capsule-color-title-bg_active: @color-primary-6;
1228
+ @btn-secondary-color-text_success_hover: @color-success-6;
1229
+ @pagination-color-item-text_active_disabled: @color-primary-3;
1230
+ @link-color-text_success_hover: @color-success-5;
1231
+ @upload-list-margin-top: @spacing-9;
1232
+ @list-action-gap: @spacing-3;
1233
+ @badge-size-dot-width: 6px;
1234
+ @picker-container-border-radius: @border-radius-medium;
1235
+ @message-loading-color-bg: @color-bg-1;
1236
+ @breadcrumb-size-text-height: @size-5;
1237
+ @table-color-text-header-cell: @color-text-2;
1238
+ @typography-operation-margin-left: @spacing-1;
1239
+ @btn-primary-color-bg_success_disabled: @color-success-1;
1240
+ @slider-color-button-bg: var(~'@{arco-cssvars-prefix}-color-white');
1241
+ @btn-size-small-height: @size-small;
1242
+ @result-size-icon: @size-4;
1243
+ @upload-picture-color-border_hover: @color-primary-6;
1244
+ @form-margin-label-right: @spacing-4;
1245
+ @select-size-small-font-size: @font-size-body-3;
1246
+ @checkbox-mask-color-bg: @color-transparent;
1247
+ @pagination-size-small-font-size: @font-size-body-3;
1248
+ @btn-text-color-text_success_active: @color-success-7;
1249
+ @radio-button-color-text_active: @color-white;
1250
+ @picker-color-bg_hover: @color-bg-white;
1251
+ @input-size-small-icon-addon-size: 14px;
1252
+ @table-size-default-font-size: @font-size-body-2;
1253
+ @list-pagination-margin-top: @spacing-8;
1254
+ @breadcrumb-size-font-size: @font-size-body-2;
1255
+ @link-color-text_error_disabled: @color-danger-3;
1256
+ @btn-dashed-color-text_danger_disabled: @color-danger-3;
1257
+ @steps-arrow-color-item-title_wait: @color-text-2;
1258
+ @btn-text-color-bg_hover: @color-transparent;
1259
+ @btn-text-color-bg_danger_active: @color-transparent;
1260
+ @typography-color-icon-copy: var(~'@{arco-cssvars-prefix}-color-text-2');
1261
+ @progress-line-color-line-bg: @color-fill-3;
1262
+ @tabs-line-color-ink-bg_disabled: @color-primary-3;
1263
+ @pagination-simple-color-icon-arrow-text_disabled: @color-text-4;
1264
+ @checkbox-mask-color-border: @color-border-1;
1265
+ @steps-circle-color-item-title_error: @color-text-1;
1266
+ @steps-circle-color-item-bg_finish: @color-transparent;
1267
+ @btn-dashed-color-text_danger_hover: @color-danger-6;
1268
+ @btn-dashed-color-border_danger_active: @color-transparent;
1269
+ @btn-secondary-color-bg_disabled: @color-transparent;
1270
+ @btn-dashed-color-border_success: @color-success-3;
1271
+ @input-color-border_error: @color-danger-6;
1272
+ @select-popup-option-color-hightlight-text: @color-text-1;
1273
+ @picker-color-switch-icon: @color-text-2;
1274
+ @popconfirm-color-title-text: @color-text-1;
1275
+ @transfer-font-size-header-unit: @font-size-body-1;
1276
+ @list-size-small-padding-horizontal-header: @spacing-8;
1277
+ @alert-border-radius: @border-radius-medium;
1278
+ @progress-circle-size-mini-color-mask-stroke_warning: @color-warning-3;
1279
+ @menu-light-color-bg: @color-transparent;
1280
+ @table-size-middle-padding-vertical: 7px;
1281
+ @picker-color-bg-cell-disabled: @color-fill-2;
1282
+ @btn-primary-color-bg_success_active: @color-success-7;
1283
+ @page-header-color-sub-title-text: @color-text-3;
1284
+ @link-color-text_warning_active: @color-warning-7;
1285
+ @message-success-color-bg: @color-bg-1;
1286
+ @tooltip-color-bg: @color-fill-5;
1287
+ @upload-drag-color-text_active: @color-text-1;
1288
+ @radio-color-bg_checked_disabled: @color-fill-2;
1289
+ @table-size-default-padding-horizontal: @spacing-6;
1290
+ @tree-color-title-text: @color-text-2;
1291
+ @popconfirm-padding-horizontal: @spacing-7;
1292
+ @btn-secondary-color-bg_warning_disabled: @color-transparent;
1293
+ @cascader-color-item-text_active: @color-text-2;
1294
+ @list-color-text-header: @color-text-1;
1295
+ @select-popup-option-color-bg_selected: @color-primary-2;
1296
+ @switch-color-text_on: @color-bg-white;
1297
+ @btn-dashed-color-text_hover: @color-primary-7;
1298
+ @avatar-color-group-item-border: @color-bg-1;
1299
+ @btn-dashed-color-border_warning_hover: @color-transparent;
1300
+ @switch-color-text_off_loading: @color-white;
1301
+ @dark-color-text-5: rgb(119, 136, 158);
1302
+ @input-color-border_error_hover: @color-danger-6;
1303
+ @input-padding-horizontal: @spacing-6;
1304
+ @btn-dashed-color-bg_warning: @color-transparent;
1305
+ @btn-primary-color-text_danger_hover: @color-white;
1306
+ @transfer-item-draggable-color-bg-gap: @color-primary-6;
1307
+ @menu-light-color-icon_disabled: @color-text-6;
1308
+ @steps-size-small-font-size-title: @font-size-body-2;
1309
+ @pagination-color-text-total: @color-text-2;
1310
+ @avatar-size-default: @size-10;
1311
+ @slider-size-button-width_active: 14px;
1312
+ @tree-showline-size-line-width: @border-1;
1313
+ @tree-color-title-bg_highlight: @color-primary-1;
1314
+ @tree-size-small-line-height: @size-small;
1315
+ @steps-dot-size-item-icon-gap: @spacing-2;
1316
+ @pagination-simple-color-icon-arrow-bg_hover: @color-primary-1;
1317
+ @breadcrumb-color-text_active: @color-text-2;
1318
+ @tabs-card-gutter-color-title-bg_active: @color-primary-1;
1319
+ @btn-primary-color-bg_warning: @color-warning-6;
1320
+ @input-number-step-button-color_disabled: @color-text-6;
1321
+ @result-color-icon-bg_info: @color-primary-6;
1322
+ @transfer-item-draggable-color-bg_dragging: @color-fill-1;
1323
+ @dropdown-option-color-bg_selected: @color-primary-2;
1324
+ @checkbox-group-size-line-height_vertical: @size-8;
1325
+ @input-color-addon-text: @color-text-1;
1326
+ @form-margin-extra-top: @spacing-2;
1327
+ @tree-padding-title-horizontal: @spacing-2;
1328
+ @picker-color-border: @color-border-1;
1329
+ @auto-complete-option-color-bg_default: @color-transparent;
1330
+ @input-size-mini-height: @size-mini;
1331
+ @btn-dashed-color-text_disabled: @color-text-6;
1332
+ @upload-drag-color-border: @color-border-1;
1333
+ @notification-font-size-content: @font-size-body-3;
1334
+ @progress-line-margin-icon-left: @spacing-2;
1335
+ @progress-circle-color-mask-stroke: @color-fill-2;
1336
+ @checkbox-mask-color-border_hover: @color-primary-6;
1337
+ @message-error-color-bg: @color-bg-1;
1338
+ @btn-primary-color-bg_warning_hover: @color-warning-4;
1339
+ @switch-color-bg_on_loading: @color-primary-3;
1340
+ @table-size-small-font-size: @font-size-body-3;
1341
+ @auto-complete-option-color-bg_selected: @color-primary-2;
1342
+ @alert-info-color-text-content: @color-text-2;
1343
+ @btn-dashed-color-bg_danger_active: @color-danger-2;
1344
+ @slider-size-tick-width: 1px;
1345
+ @page-header-color-header-border: @color-border-1;
1346
+ @btn-dashed-color-border_warning: @color-warning-3;
1347
+ @input-number-step-button-color-bg_default: @color-fill-4;
1348
+ @table-color-bg-filters-popup: @color-bg-white;
1349
+ @btn-primary-color-text_danger_disabled: @color-danger-3;
1350
+ @page-header-padding-right: @spacing-none;
1351
+ @menu-border-radius-collapse-button: @border-radius-medium;
1352
+ @dropdown-group-title-color-text: @color-text-3;
1353
+ @tabs-size-small-font-size: @font-size-body-3;
1354
+ @btn-primary-color-bg_hover: @color-primary-5;
1355
+ @message-warning-color-content: @color-text-2;
1356
+ @tabs-card-color-title-border: @color-transparent;
1357
+ @input-tag-color-bg_default_hover: @color-bg-white;
1358
+ @pagination-simple-input-width: @size-8;
1359
+ @switch-color-dot-icon_on_loading: @color-primary-3;
1360
+ @transfer-item-color_hover: var(~'@{arco-cssvars-prefix}-color-text-1');
1361
+ @descriptions-border-item-size-default-padding-vertical: @spacing-4;
1362
+ @auto-complete-option-color-text_hover: @color-text-2;
1363
+ @typography-color-icon-edit: var(~'@{arco-cssvars-prefix}-color-text-2');
1364
+ @radio-border-width: @border-1;
1365
+ @btn-dashed-color-bg_success: @color-transparent;
1366
+ @modal-simple-align-header: left;
1367
+ @pagination-simple-color-icon-arrow-bg: @color-transparent;
1368
+ @popup-border-radius: @border-radius-medium;
1369
+ @select-color-addon-text: @color-text-2;
1370
+ @calendar-color-bg-circle_selected: @color-primary-6;
1371
+ @picker-header-color-text: @color-text-1;
1372
+ @steps-dot-color-item-description_wait: @color-text-3;
1373
+ @btn-dashed-color-border_warning_disabled: @color-warning-2;
1374
+ @timepicker-cell-font-size: @font-size-body-2;
1375
+ @btn-size-default-icon-spacing: @spacing-2;
1376
+ @steps-circle-horizontal-item-description-margin-top: @spacing-none;
1377
+ @alert-success-color-text-title: @color-text-2;
1378
+ @transfer-font-size-icon: @font-size-body-1;
1379
+ @upload-drag-color-text_hover: @color-text-1;
1380
+ @tree-showline-color-plus-icon-bg: @color-transparent;
1381
+ @upload-picture-border-radius: @border-radius-medium;
1382
+ @table-size-selection-col-width: @size-12;
1383
+ @btn-border-radius: @border-radius-medium;
1384
+ @descriptions-color-text-value: @color-text-2;
1385
+ @input-tag-tag-color-border_disabled: @color-transparent;
1386
+ @btn-text-color-text_hover: @color-primary-5;
1387
+ @menu-font-size: @font-size-body-3;
1388
+ @btn-secondary-color-bg_success: @color-transparent;
1389
+ @upload-picture-color-bg_hover: @color-transparent;
1390
+ @result-color-icon-bg_success: @color-success-6;
1391
+ @btn-secondary-color-border_warning_active: @color-transparent;
1392
+ @btn-dashed-color-text: @color-primary-6;
1393
+ @table-color-bg-expand-icon: @color-bg-white;
1394
+ @switch-line-color-dot-shadow: @color-border-3;
1395
+ @tag-default-color-icon: @color-text-3;
1396
+ @btn-dashed-color-text_danger_active: @color-danger-7;
1397
+ @link-color-text_active: @color-link-7;
1398
+ @steps-arrow-color-item-description_wait: @color-text-3;
1399
+ @divider-margin-text: @spacing-7;
1400
+ @upload-text-item-margin-status-left: @spacing-6;
1401
+ @btn-secondary-color-bg: @color-transparent;
1402
+ @auto-complete-option-font-weight_selected: @font-weight-400;
1403
+ @slider-size-button-width: @size-3;
1404
+ @btn-outline-color-border_warning_disabled: @color-warning-2;
1405
+ @table-color-bg-header-sorted-cell: @color-transparent;
1406
+ @btn-outline-color-border: @color-border-1;
1407
+ @modal-simple-padding-horizontal: @spacing-9;
1408
+ @popup-color-border: @color-transparent;
1409
+ @textarea-color-tip-text: @color-text-3;
1410
+ @modal-color-header-text: @color-text-1;
1411
+ @divider-color-text: @color-text-1;
1412
+ @image-preview-arrow-color-icon: @color-white;
1413
+ @steps-circle-color-item-description_finish: @color-text-5;
1414
+ @radio-button-color-text: @color-text-2;
1415
+ @btn-dashed-color-bg_warning_active: @color-warning-2;
1416
+ @input-color-tip-text: @color-text-3;
1417
+ @transfer-item-color_default: @color-text-1;
1418
+ @picker-range-color-bg-input_focus: @color-transparent;
1419
+ @list-action-margin-top: @spacing-2;
1420
+ @switch-size-dot-default: @size-3;
1421
+ @table-color-border: @color-text-6;
1422
+ @radio-button-color-separator-bg: @color-bg-white;
1423
+ @select-size-small-height: @size-small;
1424
+ @btn-text-color-bg_success_hover: @color-transparent;
1425
+ @menu-light-color-item_disabled: @color-text-6;
1426
+ @password-color-eye-icon: @color-text-2;
1427
+ @select-size-default-height: @size-8;
1428
+ @modal-border-width: @border-none;
1429
+ @slider-color-button-border_disabled: @color-fill-3;
1430
+ @notification-warning-color-text-title: @color-text-1;
1431
+ @steps-navigation-spacing-arrow-right: @spacing-7;
1432
+ @descriptions-border-item-size-small-padding-vertical: 3px;
1433
+ @input-tag-color-border_default_hover: @color-primary-6;
1434
+ @checkbox-color-text_disabled: @color-text-6;
1435
+ @btn-primary-color-bg_danger_hover: @color-danger-5;
1436
+ @btn-secondary-color-bg_danger_hover: @color-danger-1;
1437
+ @table-color-bg-expand-content: @color-bg-white;
1438
+ @avatar-square-border-radius: @border-radius-medium;
1439
+ @table-color-bg-header-filters-icon_hover: @color-transparent;
1440
+ @checkbox-group-spacing: @spacing-9;
1441
+ @table-size-expand-icon-col-width: @size-12;
1442
+ @steps-size-default: @size-6;
1443
+ @tree-size-default-line-height: @size-default;
1444
+ @select-popup-group-title-padding-horizontal: @spacing-6;
1445
+ @btn-size-default-font-size: @font-size-body-2;
1446
+ @form-color-bg_warning_hover: @color-warning-1;
1447
+ @alert-error-color-text-content: @color-text-2;
1448
+ @menu-dark-color-icon_default: @color-text-3;
1449
+ @select-color-border_error_hover: @color-danger-6;
1450
+ @drawer-padding-content-vertical: @spacing-4;
1451
+ @select-color-border_default_focus: @color-border-1;
1452
+ @input-tag-border-radius: @border-radius-medium;
1453
+ @tabs-card-color-title-bg_active: @color-primary-1;
1454
+ @btn-dashed-color-border_warning_active: @color-transparent;
1455
+ @auto-complete-option-color-bg_disabled: @color-fill-2;
1456
+ @divider-margin-horizontal: @spacing-6;
1457
+ @btn-text-color-text_warning_active: @color-warning-7;
1458
+ @switch-color-dot-icon_off_disabled: @color-fill-2;
1459
+ @transfer-color-bg-icon: @color-fill-3;
1460
+ @tabs-card-border-radius: @border-radius-medium;
1461
+ @select-multi-padding: @spacing-2;
1462
+ @form-color-border_warning: @color-warning-6;
1463
+ @upload-text-item-color-text_uploading: unset;
1464
+ @menu-light-color-bg-item_disabled: @color-transparent;
1465
+ @btn-secondary-color-bg_warning_active: @color-warning-2;
1466
+ @input-number-step-button-color-bg_disabled: @color-fill-2;
1467
+ @btn-text-color-text_danger_disabled: @color-danger-3;
1468
+ @btn-secondary-color-text_hover: @color-primary-5;
1469
+ @btn-primary-color-bg_warning_disabled: @color-warning-1;
1470
+ @picker-size-default: @size-8;
1471
+ @picker-panel-color-bg-cell_hover: @color-transparent;
1472
+ @btn-secondary-color-border_success: @color-success-6;
1473
+ @btn-size-small-font-size: @font-size-body-2;
1474
+ @form-color-bg_error_focus: @color-bg-white;
1475
+ @upload-text-item-size-operation-icon: @size-3;
1476
+ @upload-picture-color-bg: @color-transparent;
1477
+ @link-size-icon: @size-4;
1478
+ @alert-color-close-icon_hover: @color-text-1;
1479
+ @spin-color-text: @color-primary-6;
1480
+ @modal-border-radius: @border-radius-medium;
1481
+ @input-tag-color-bg_default_focus: @color-bg-white;
1482
+ @modal-simple-padding-bottom: @spacing-8;
1483
+ @transfer-font-size-header: @font-size-body-2;
1484
+ @btn-outline-color-bg_success_hover: @color-transparent;
1485
+ @upload-text-item-size-status-icon: @size-3;
1486
+ @form-color-border_error_hover: @color-danger-6;
1487
+ @notification-success-color-bg: @color-bg-1;
1488
+ @input-color-bg_disabled: @color-fill-2;
1489
+ @btn-secondary-color-text: @color-primary-6;
1490
+ @timeline-color-content-text: @color-text-2;
1491
+ @notification-info-color-text-title: @color-text-1;
1492
+ @select-border-radius: @border-radius-medium;
1493
+ @list-font-size-header: @font-size-body-2;
1494
+ @input-color-border: @color-border-1;
1495
+ @picker-input-border-radius: @border-radius-medium;
1496
+ @btn-size-mini-padding-horizontal: 11px;
1497
+ @tabs-line-color-title-bg_active: @color-transparent;
1498
+ @form-color-bg_warning_focus: var(~'@{arco-cssvars-prefix}-color-bg-2');
1499
+ @btn-dashed-color-bg_success_hover: @color-success-1;
1500
+ @picker-color-bg-cell-in-range: @color-transparent;
1501
+ @btn-dashed-color-border_active: @color-transparent;
1502
+ @upload-text-item-color-text_error: @color-danger-6;
1503
+ @transfer-item-draggable-color_dragging: @color-text-4;
1504
+ @tabs-line-color-title-bg: @color-transparent;
1505
+ @menu-dark-color-icon_disabled: @color-text-2;
1506
+ @btn-dashed-color-text_warning_disabled: @color-warning-3;
1507
+ @timepicker-color-bg-cell_hover: @color-primary-2;
1508
+ @link-color-text_error_active: @color-danger-7;
1509
+ @input-tag-color-border_default: @color-border-1;
1510
+ @btn-primary-color-bg_warning_active: @color-warning-7;
1511
+ @form-color-bg_warning: @color-warning-1;
1512
+ @message-info-color-content: @color-text-2;
1513
+ @dropdown-option-color-text_hover: @color-text-2;
1514
+ @modal-color-content-text: @color-text-2;
1515
+ @pagination-color-bg-item_active: @color-primary-2;
1516
+ @tree-margin-checkbox-right: @spacing-4;
1517
+ @message-loading-color-border: @color-transparent;
1518
+ @dropdown-color-bg: @color-bg-1;
1519
+ @steps-circle-size-item-icon-gap: @spacing-4;
1520
+ @tabs-size-default-header-height_capsule: @size-10;
1521
+ @auto-complete-option-height: @size-9;
1522
+ @btn-size-small-icon-vertical-align: -2px;
1523
+ @btn-dashed-color-bg_danger_disabled: @color-transparent;
1524
+ @checkbox-text-font-size: @font-size-body-2;
1525
+ @upload-text-item-color-link: @color-link-6;
1526
+ @list-size-default-padding-vertical-header: @spacing-5;
1527
+ @comment-color-datetime-text: @color-text-3;
1528
+ @table-spacing-expand-button-margin-right: @spacing-4;
1529
+ @picker-color-placeholder: @color-text-3;
1530
+ @collapse-title-padding-horizontal: @spacing-6;
1531
+ @select-color-text_default: @color-text-1;
1532
+ @upload-text-item-color-error-icon: @color-danger-6;
1533
+ @btn-primary-color-text_active: @color-white;
1534
+ @upload-drag-color-text: @color-text-1;
1535
+ @picker-color-cell-text-in-view: @color-text-1;
1536
+ @avatar-color-trigger-button-bg: @color-fill-2;
1537
+ @select-color-border_error: @color-danger-6;
1538
+ @alert-padding-vertical: 9px;
1539
+ @breadcrumb-color-bg_hover: @color-transparent;
1540
+ @modal-margin-tip-icon-right: @spacing-4;
1541
+ @descriptions-font-weight-text-label: @font-weight-400;
1542
+ @link-color-text_error_hover: @color-danger-5;
1543
+ @message-border-radius: @border-radius-small;
1544
+ @btn-primary-color-bg_danger_active: @color-danger-7;
1545
+ @btn-size-large-height: @size-large;
1546
+ @collapse-content-color-text_disabled: @color-text-6;
1547
+ @tabs-line-padding-title-horizontal_vertical: @spacing-7;
1548
+ @avatar-color-bg: @color-fill-1;
1549
+ @popconfirm-margin-icon-right: @spacing-4;
1550
+ @descriptions-font-weight-title: @font-weight-600;
1551
+ @page-header-padding-vertical: @spacing-8;
1552
+ @select-color-shadow_default_focus: @color-primary-2;
1553
+ @btn-dashed-color-border: @color-primary-4;
1554
+ @calendar-color-cell-text-in-view: @color-text-1;
1555
+ @input-color-icon-clear: @color-text-2;
1556
+ @tabs-size-small-header-height: @size-7;
1557
+ @modal-default-padding-horizontal: @spacing-9;
1558
+ @input-group-border-radius_compact: @border-radius-medium;
1559
+ @resizeBox-trigger-color-icon: @color-text-1;
1560
+ @collapse-expand-icon-size: @size-4;
1561
+ @tabs-rounded-color-title-bg_hover: @color-primary-1;
1562
+ @steps-dot-color-item-description_error: @color-text-3;
1563
+ @collapse-border-radius: @border-radius-medium;
1564
+ @result-margin-content-top: @spacing-8;
1565
+ @select-color-border_default: @color-border-1;
1566
+ @collapse-title-color-bg_active: @color-bg-white;
1567
+ @steps-circle-color-item-icon-text_error: @color-white;
1568
+ @picker-size-mini: @size-mini;
1569
+ @progress-line-color-inner-bg: @color-primary-6;
1570
+ @message-error-color-border: @color-transparent;
1571
+ @tabs-capsule-color-title-bg_hover: @color-transparent;
1572
+ @picker-panel-color-text-cell_selected: @color-white;
1573
+ @table-color-bg-body-sorted-cell: @color-transparent;
1574
+ @transfer-height-footer: @size-10;
1575
+ @btn-outline-color-text_danger_hover: @color-danger-6;
1576
+ @upload-drag-border-radius: @border-radius-medium;
1577
+ @btn-secondary-color-bg_warning_hover: @color-warning-1;
1578
+ @btn-secondary-color-border_disabled: @color-border-1;
1579
+ @table-popup-border-radius: @border-radius-medium;
1580
+ @upload-tip-color-text: @color-text-4;
1581
+ @upload-drag-size-icon: @size-4;
1582
+ @input-tag-tag-remove-icon-color-bg: @color-fill-2;
1583
+ @steps-arrow-color-item-description_error: @color-white;
1584
+ @anchor-color-bg-line: @color-border-2;
1585
+ @popup-font-title-size: @font-size-body-3;
1586
+ @input-color-icon-clear-bg_hover: @color-primary-2;
1587
+ @alert-info-color-text-title: @color-text-2;
1588
+ @tree-showline-color-line-bg: @color-border-2;
1589
+ @btn-primary-color-text_warning: @color-white;
1590
+ @btn-secondary-color-text_warning_active: @color-warning-7;
1591
+ @btn-primary-color-text_disabled: @color-bg-white;
1592
+ @timepicker-wrapper-border-radius: @border-radius-medium;
1593
+ @input-color-bg_error_focus: @color-bg-white;
1594
+ @btn-text-color-text_success_hover: @color-success-5;
1595
+ @upload-picture-item-color-error-icon: @color-bg-white;
1596
+ @steps-arrow-color-item-title_finish: @color-text-2;
1597
+ @checkbox-mask-color-bg_disabled: @color-fill-2;
1598
+ @transfer-color-icon: @color-text-2;
1599
+ @input-color-placeholder-text: @color-text-5;
1600
+ @descriptions-border-radius: @border-radius-large;
1601
+ @slider-size-road-width: 2px;
1602
+ @btn-dashed-color-border_disabled: @color-border-2;
1603
+ @menu-light-color-bg-button: @color-fill-1;
1604
+ @btn-dashed-color-text_success_hover: @color-success-6;
1605
+ @tabs-text-color-title-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
1606
+ @btn-text-color-bg_active: @color-transparent;
1607
+ @btn-secondary-color-text_danger_hover: @color-danger-6;
1608
+ @upload-text-item-thumbnail-width: @size-10;
1609
+ @auto-complete-option-color-text_disabled: @color-text-5;
1610
+ @list-size-default-padding-horizontal-header: @spacing-6;
1611
+ @btn-primary-color-text_success: @color-white;
1612
+ @select-popup-option-color-text_disabled: @color-text-6;
1613
+ @steps-label-vertical-content-width: 140px;
1614
+ @collapse-title-color-border: @color-border-2;
1615
+ @pagination-color-item-text_hover: @color-text-2;
1616
+ @btn-secondary-color-border_warning: @color-warning-6;
1617
+ @list-color-bg-item-hover: @color-primary-1;
1618
+ @btn-outline-color-border_warning: @color-warning-5;
1619
+ @form-size-default-font-label-size: @font-size-body-2;
1620
+ @menu-dark-color-submenu_selected: @color-primary-7;
1621
+ @modal-default-align-header: left;
1622
+ @table-size-default-font-header-size: @font-size-body-2;
1623
+ @calendar-color-bg-cell-disabled: @color-fill-2;
1624
+ @upload-text-item-color-status-icon: @color-bg-white;
1625
+ @notification-normal-color-text-title: @color-text-1;
1626
+ @radio-group-button-color-bg: @color-primary-2;
1627
+ @alert-success-color-text-content_title: @color-text-2;
1628
+ @checkbox-mask-border-radius: @border-radius-small;
1629
+ @timepicker-font-weight-cell: @font-weight-500;
1630
+ @switch-circle-default-width: @size-7;
1631
+ @anchor-color-title: @color-text-2;
1632
+ @checkbox-mask-color-bg_checked: @color-primary-6;
1633
+ @tabs-line-margin-title-vertical: @spacing-8;
1634
+ @form-color-shadow_error_focus: @color-danger-2;
1635
+ @breadcrumb-color-separator: @color-text-4;
1636
+ @menu-light-color-item_hover: @color-primary-6;
1637
+ @upload-text-item-color-file-icon: @color-primary-6;
1638
+ @steps-size-default-font-size-title: @font-size-body-2;
1639
+ @steps-size-small: @size-5;
1640
+ @btn-secondary-color-border_warning_disabled: @color-warning-2;
1641
+ @menu-dark-color-item_disabled: @color-text-2;
1642
+ @collapse-expand-icon-color-bg: @color-transparent;
1643
+ @result-size-icon_custom: 45px;
1644
+ @transfer-item-color_disabled: @color-text-4;
1645
+ @empty-spacing-padding: @spacing-17;
1646
+ @upload-picture-color-border_disabled: @color-border-2;
1647
+ @table-size-mini-padding-horizontal: @spacing-6;
1648
+ @tabs-size-small-header-height_line: @size-9;
1649
+ @tabs-padding-header-wrapper-vertical: @spacing-4;
1650
+ @btn-dashed-color-border_danger_hover: @color-transparent;
1651
+ @input-color-border_focus: @color-border-1;
1652
+ @table-font-weight-header-text: @font-weight-600;
1653
+ @upload-drag-color-bg_disabled: @color-fill-2;
1654
+ @btn-outline-color-border_success_hover: @color-success-6;
1655
+ @rate-color-bg_default: @color-fill-3;
1656
+ @menu-light-color-bg-button_hover: @color-fill-3;
1657
+ @message-padding-bottom: @spacing-4;
1658
+ @breadcrumb-color-icon: @color-text-4;
1659
+ @select-color-bg_error: @color-danger-1;
1660
+ @tree-color-title-text_dragging: @color-text-4;
1661
+ @tabs-color-title-text_disabled: @color-text-6;
1662
+ @result-color-icon_warning: @color-bg-white;
1663
+ @tag-text-font-weight: @font-weight-400;
1664
+ @upload-picture-color-border: @color-border-1;
1665
+ @breadcrumb-color-text: @color-text-5;
1666
+ @breadcrumb-color-dropdown-icon: @color-text-4;
1667
+ @btn-dashed-color-bg_disabled: @color-transparent;
1668
+ @pagination-color-jumper-goto: @color-text-2;
1669
+ @input-tag-color-addon-text: @color-text-2;
1670
+ @form-color-bg_success_hover: @color-fill-2;
1671
+ @message-info-color-border: @color-transparent;
1672
+ @upload-text-item-margin-top: @spacing-6;
1673
+ @statistic-color-value-text: @color-text-1;
1674
+ @upload-drag-color-border_hover: @color-primary-6;
1675
+ @picker-color-icon_disabled: @color-text-5;
1676
+ @comment-font-author-size: @font-size-body-2;
1677
+ @form-color-shadow_validating_focus: @color-primary-2;
1678
+ @steps-circle-color-item-title_wait: @color-text-5;
1679
+ @form-color-bg_validating_focus: @color-bg-white;
1680
+ @avatar-color-text: @color-white;
1681
+ @breadcrumb-border-text-radius_hover: @radius-small;
1682
+ @card-color-box-shadow: @color-fill-1;
1683
+ @btn-primary-color-text_success_active: @color-white;
1684
+ @pagination-size-small: @size-small;
1685
+ @btn-text-color-text: @color-primary-6;
1686
+ @btn-dashed-color-border_success_hover: @color-success-3;
1687
+ @steps-navigation-color-arrow: @color-text-3;
1688
+ @btn-secondary-color-bg_warning: @color-transparent;
1689
+ @list-mete-color-description: @color-text-4;
1690
+ @form-color-tip-text_warning: @color-warning-7;
1691
+ @select-color-placeholder_default: @color-text-3;
1692
+ @switch-color-bg_off_loading: @color-fill-1;
1693
+ @radio-color-border_hover: @color-primary-6;
1694
+ @dropdown-option-color-text_selected: @color-text-2;
1695
+ @select-color-shadow_error_focus: @color-danger-2;
1696
+ @menu-pop-button-margin-bottom: @spacing-6;
1697
+ @comment-color-content-text: @color-text-2;
1698
+ @btn-dashed-color-text_success_disabled: @color-success-3;
1699
+ @message-loading-color-content: @color-text-2;
1700
+ @btn-text-color-text_disabled: @color-text-6;
1701
+ @select-color-addon-bg: @color-border-2;
1702
+ @popup-color-title-text: @color-text-1;
1703
+ @notification-info-color-border: @color-transparent;
1704
+ @btn-primary-color-text_success_hover: @color-white;
1705
+ @auto-complete-option-color-bg_hover: @color-primary-2;
1706
+ @search-color-icon: @color-text-2;
1707
+ @tabs-text-color-title-bg_active: @color-primary-6;
1708
+ @btn-outline-color-text_success_hover: @color-success-6;
1709
+ @input-color-bg_error: @color-bg-white;
1710
+ @switch-color-text_on_loading: @color-primary-1;
1711
+ @auto-complete-popup-max-height: @size-50;
1712
+ @tabs-color-title-text_hover: @color-text-2;
1713
+ @btn-dashed-color-bg_hover: @color-primary-1;
1714
+ @steps-arrow-color-item-title_error: @color-white;
1715
+ @btn-outline-color-bg_success_active: @color-success-1;
1716
+ @badge-color-count-text: @color-white;
1717
+ @select-color-text_disabled: @color-text-6;
1718
+ @select-color-placeholder_disabled: @color-text-6;
1719
+ @table-border-width: @border-1;
1720
+ @tabs-line-margin-title-horizontal_first: @spacing-none;
1721
+ @steps-circle-color-item-tail_wait: @color-border-1;
1722
+ @menu-item-indent-spacing: @spacing-9;
1723
+ @picker-color-cell-text-not-in-view: @color-text-5;
1724
+ @radio-button-border-radius: @border-radius-medium;
1725
+ @message-font-size-content: @font-size-body-3;
1726
+ @btn-primary-color-bg_danger_disabled: @color-danger-1;
1727
+ @comment-font-action-size: @font-size-body-2;
1728
+ @upload-text-item-font-size: @font-size-body-2;
1729
+ @btn-dashed-color-text_warning_hover: @color-warning-6;
1730
+ @switch-color-dot-bg: var(~'@{arco-cssvars-prefix}-color-white');
1731
+ @tabs-size-small-header-height_capsule: @size-7;
1732
+ @input-tag-color-border_error: @color-danger-6;
1733
+ @pagination-margin-option-left: @spacing-4;
1734
+ @menu-dark-color-item_selected: @color-white;
1735
+ @form-color-shadow_warning_focus: @color-warning-2;
1736
+ @btn-outline-color-border_success_active: @color-success-6;
1737
+ @select-size-default-font-size: @font-size-body-2;
1738
+ @empty-size-img-height: @size-16;
1739
+ @radio-font-text-size_small: @font-size-body-2;
1740
+ @form-color-bg_success_focus: @color-bg-white;
1741
+ @tabs-line-font-title-text-weight_hover: @font-weight-500;
1742
+ @upload-drag-color-text_disabled: @color-text-6;
1743
+ @tree-margin-switcher-icon-right: @spacing-4;
1744
+ @btn-outline-color-bg_warning_hover: @color-transparent;
1745
+ @card-color-body: @color-text-2;
1746
+ @input-tag-color-border_disabled: @color-border-1;
1747
+ @menu-light-color-bg-item_default: @color-transparent;
1748
+ @radio-mask-bg-color-bg: @color-transparent;
1749
+ @rate-color-bg_active: @color-primary-6;
1750
+ @collapse-item-color-border: @color-border-1;
1751
+ @input-color-prefix-text: @color-text-2;
1752
+ @btn-outline-color-text_warning_hover: @color-warning-6;
1753
+ @tabs-text-color-title-bg: @color-transparent;
1754
+ @menu-light-color-item_default: @color-text-2;
1755
+ @table-color-bg-body-stripe-row: @color-bg-3;
1756
+ @input-color-addon-bg: @color-bg-white;
1757
+ @btn-secondary-color-text_danger_disabled: @color-danger-3;
1758
+ @checkbox-mask-color-border_disabled: @color-border-1;
1759
+ @select-color-bg_error_hover: @color-danger-1;
1760
+ @statistic-font-int-size: @font-size-title-3;
1761
+ @image-radius: @border-radius-medium;
1762
+ @progress-line-size-large-font-size: @font-size-body-3;
1763
+ @select-color-icon-bg_hover: @color-primary-2;
1764
+ @btn-primary-color-text_warning_disabled: @color-warning-3;
1765
+ @progress-circle-size-mini-color-mask-stroke: @color-primary-3;
1766
+ @btn-primary-color-bg_disabled: @color-link-3;
1767
+ @alert-warning-color-text-content: @color-white;
1768
+ @steps-size-default-font-size-icon: @size-4;
1769
+ @result-padding-horizontal: @spacing-10;
1770
+ @btn-primary-color-bg: @color-primary-6;
1771
+ @notification-error-color-text-content: @color-text-2;
1772
+ @drawer-font-header-size: @font-size-title-2;
1773
+ @input-size-default-font-size: @font-size-body-2;
1774
+ @menu-collapse-padding-vertical: @spacing-none;
1775
+ @input-group-color-separator-border: @color-border-1;
1776
+ @input-tag-color-bg_error_hover: @color-danger-1;
1777
+ @input-color-addon-border: @color-border-1;
1778
+ @result-color-icon_info: @color-white;
1779
+ @btn-outline-color-bg_active: @color-fill-3;
1780
+ @btn-outline-color-border_danger: @color-danger-5;
1781
+ @picker-color-placeholder_disabled: @color-text-6;
1782
+ @auto-complete-popup-border-radius: @border-radius-medium;
1783
+ @checkbox-color-check-icon: var(~'@{arco-cssvars-prefix}-color-white');
1784
+ @select-color-bg_disabled: @color-fill-2;
1785
+ @btn-outline-color-text: @color-text-3;
1786
+ @tabs-rounded-color-title-bg_disabled: @color-fill-2;
1787
+ @notification-warning-color-bg: @color-bg-1;
1788
+ @btn-secondary-color-bg_danger: @color-transparent;
1789
+ @btn-dashed-color-border_danger_disabled: @color-danger-2;
1790
+ @steps-dot-color-item-description_finish: @color-text-2;
1791
+ @upload-drag-font-size: @font-size-body-3;
1792
+ @card-size-small-padding-horizontal-body: @spacing-7;
1793
+ @drawer-color-content-text: @color-text-2;
1794
+ @tree-select-padding-popup-right: @spacing-6;
1795
+ @menu-vertical-item-height: @spacing-12;
1796
+ @cascader-color-item-text_disabled_active: @color-text-6;
1797
+ @radio-color-text: @color-text-2;
1798
+ @menu-pop-button-size: @size-11;
1799
+ @collapse-title-color-text_disabled: @color-text-6;
1800
+ @btn-primary-color-text_hover: @color-white;
1801
+ @input-tag-tag-color-bg_focus: @color-primary-2;
1802
+ @input-tag-color-bg_error: @color-transparent;
1803
+ @btn-outline-color-text_warning: @color-warning-6;
1804
+ @menu-collapse-width: @size-11;
1805
+ @btn-primary-color-bg_success: @color-success-6;
1806
+ @steps-circle-color-item-icon-text_wait: @color-text-6;
1807
+ @color-text-6: rgb(148, 163, 184);
1808
+ @card-size-small-padding-vertical-body: @spacing-6;
1809
+ @color-text-5: rgb(148, 163, 184);
1810
+ @btn-dashed-color-border_hover: @color-transparent;
1811
+ @picker-color-icon: @color-text-3;
1812
+ @btn-secondary-color-border_success_disabled: @color-success-2;
1813
+ @picker-color-text: @color-text-2;
1814
+ @link-font-size: @font-size-body-2;
1815
+ @input-tag-color-bg_disabled: @color-fill-2;
1816
+ @steps-dot-color-item-title_wait: @color-text-2;
1817
+ @steps-circle-color-item-border_wait: @color-transparent;
1818
+ @card-size-default-padding-horizontal-body: @spacing-8;
1819
+ @list-meta-padding-horizontal: @spacing-none;
1820
+ @menu-dark-color-icon_selected: @color-white;
1821
+ @textarea-padding-vertical: @spacing-3;
1822
+ @pagination-simple-color-icon-arrow: @color-text-3;
1823
+ @steps-circle-color-item-description_wait: @color-text-5;
1824
+ @modal-size-tip-icon: @size-4;
1825
+ @btn-dashed-color-bg_success_active: @color-success-2;
1826
+ @input-color-shadow_error_focus: @color-danger-2;
1827
+ @btn-secondary-color-text_disabled: @color-text-6;
1828
+ @message-normal-color-content: @color-text-2;
1829
+ @upload-picture-color-text_hover: @color-text-2;
1830
+ @pagination-simple-margin-separator-left: @spacing-4;
1831
+ @input-tag-tag-color-bg: @color-primary-2;
1832
+ @picker-color-text-week-list-item: @color-text-2;
1833
+ @popup-padding-vertical: @spacing-6;
1834
+ @alert-error-color-text-title: @color-text-2;
1835
+ @switch-color-bg_off_disabled: @color-fill-2;
1836
+ @collapse-title-font-size: @font-size-body-2;
1837
+ @btn-dashed-color-bg_warning_hover: @color-warning-1;
1838
+ @table-font-size-header-sorter-icon: @size-3;
1839
+ @statistic-color-extra-text: @color-text-4;
1840
+ @message-warning-color-border: @color-transparent;
1841
+ @switch-color-text_off: @color-bg-white;
1842
+ @menu-vertical-padding-horizontal: @spacing-4;
1843
+ @transfer-pagination-gap-separator: @spacing-4;
1844
+ @anchor-lineless-bg-title_active: @color-primary-1;
1845
+ @input-color-bg_error_hover: @color-danger-1;
1846
+ @menu-light-color-icon_selected: @color-primary-6;
1847
+ @switch-color-dot-icon_on_disabled: @color-primary-3;
1848
+ @typography-color-icon-copy_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
1849
+ @btn-secondary-color-text_success_active: @color-success-7;
1850
+ @upload-drag-color-border_disabled: @color-border-1;
1851
+ @table-color-header-filters-icon: @color-text-3;
1852
+ @alert-warning-color-bg: @color-warning-1;
1853
+ @message-padding-top: @spacing-4;
1854
+ @tree-color-title-text_disabled: @color-text-6;
1855
+ @tabs-capsule-color-header-bg: @color-transparent;
1856
+ @message-close-icon-top: @spacing-5;
1857
+ @btn-secondary-color-border_danger: @color-danger-6;
1858
+ @alert-success-color-bg: @color-success-1;
1859
+ @auto-complete-popup-font-size: @font-size-body-2;
1860
+ @btn-outline-color-bg_danger_hover: @color-transparent;
1861
+ @progress-line-size-small-icon-size: 12px;
1862
+ @descriptions-color-text-label: @color-text-4;
1863
+ @steps-circle-color-item-border_finish: @color-primary-6;
1864
+ @alert-font-weight-title: @font-weight-600;
1865
+ @result-color-icon_success: @color-white;
1866
+ @btn-dashed-color-border_success_disabled: @color-success-2;
1867
+ @image-preview-arrow-font-size: @size-4;
1868
+ @textarea-font-size: @font-size-body-2;
1869
+ @radio-color-text_disabled: @color-text-6;
1870
+ @page-header-color-back-icon: @color-text-2;
1871
+ @tree-size-default-font-size: @font-size-body-2;
1872
+ @steps-arrow-color-item-title_process: @color-white;
1873
+ @timepicker-color-text-cell_disabled: @color-text-6;
1874
+ @radio-font-text-size: @font-size-body-2;
1875
+ @timepicker-color-bg-cell_active: @color-primary-2;
1876
+ @form-color-border_warning_hover: @color-warning-6;
1877
+ @btn-primary-color-text_success_disabled: @color-success-3;
1878
+ @drawer-padding-horizontal: @spacing-9;
1879
+ @tag-color-bg-not-checked_hover: @color-primary-2;
1880
+ @picker-color-bg_disabled: @color-fill-2;
1881
+ @table-popup-max-height: @size-50;
1882
+ @color-fill-5: #ffffff;
1883
+ @picker-size-large-font-size-text: @font-size-body-2;
1884
+ @alert-color-close-icon: @color-text-2;
1885
+ @result-font-title-size: @font-size-body-3;
1886
+ @tabs-line-margin-title-horizontal: @spacing-12;
1887
+ @anchor-lineless-color-title_active: @color-primary-6;
1888
+ @checkbox-color-text: @color-text-2;
1889
+ @collapse-content-color-text: @color-text-2;
1890
+ @select-popup-font-size: @font-size-body-2;
1891
+ @btn-outline-color-text_success_active: @color-success-7;
1892
+ @form-color-bg_validating: @color-fill-2;
1893
+ @notification-normal-color-text-content: @color-text-2;
1894
+ @statistic-color-title-text: @color-text-4;
1895
+ @btn-outline-color-border_active: @color-text-5;
1896
+ @btn-primary-color-bg_success_hover: @color-success-5;
1897
+ @btn-outline-color-border_warning_hover: @color-warning-6;
1898
+ @tabs-card-color-title-bg_disabled: @color-fill-2;
1899
+ @form-color-border_error: @color-danger-6;
1900
+ @btn-outline-color-border_success_disabled: @color-success-2;
1901
+ @select-popup-group-title-color-text: @color-text-3;
1902
+ @btn-outline-color-border_success: @color-success-5;
1903
+ @drawer-margin-footer-button-left: @size-2;
1904
+ @drawer-color-header-text: @color-text-1;
1905
+ @menu-dark-color-item_hover: @color-text-4;
1906
+ @pagination-color-icon-arrow-text_disabled: @color-text-6;
1907
+ @drawer-color-border: @color-transparent;
1908
+ @btn-outline-color-border_danger_hover: @color-danger-6;
1909
+ @upload-drag-color-icon: @color-text-2;
1910
+ @select-popup-color-border: @color-transparent;
1911
+ @empty-font-size-text: @font-size-body-2;
1912
+ @timeline-font-content-size: @font-size-body-2;
1913
+ @timeline-color-label-text: @color-text-4;
1914
+ @select-size-icon: @size-4;
1915
+ @input-tag-color-text_disabled: @color-text-6;
1916
+ @pagination-color-item-text_active: @color-primary-6;
1917
+ @upload-picture-text-item-padding-vertical: @spacing-4;
1918
+ @table-size-middle-font-header-size: @font-size-body-3;
1919
+ @tree-color-switcher-icon: @color-text-3;
1920
+ @select-color-text_focused: @color-text-1;
1921
+ @tabs-rounded-color-title-bg_active: @color-primary-1;
1922
+ @collapse-title-color-bg_disabled: @color-bg-white;
1923
+ @calendar-color-cell-text-not-in-view: @color-text-4;
1924
+ @alert-font-size-text-content: @font-size-body-2;
1925
+ @input-number-step-button-color: @color-text-2;
1926
+ @anchor-color-title_hover: @color-primary-6;
1927
+ @upload-picture-color-text: @color-text-2;
1928
+ @slider-size-tick-height: 3px;
1929
+ @anchor-title-padding-horizontal: @spacing-4;
1930
+ @upload-drag-color-bg: @color-transparent;
1931
+ @input-size-small-font-size: @font-size-body-2;
1932
+ @tooltip-border-radius: @border-radius-medium;
1933
+ @switch-color-text_off_disabled: @color-bg-white;
1934
+ @menu-light-color-button: @color-text-3;
1935
+ @badge-color-status-text: @color-text-1;
1936
+ @btn-secondary-color-bg_success_hover: @color-success-1;
1937
+ @steps-dot-horizontal-item-title-margin-top: @spacing-2;
1938
+ @btn-primary-color-text_danger: @color-white;
1939
+ @alert-success-color-text-content: @color-text-2;
1940
+ @steps-circle-color-item-icon-text_process: @color-white;
1941
+ @dropdown-option-font-weight_selected: @font-weight-500;
1942
+ @radio-size-small-height: @size-6;
1943
+ @table-color-expand-icon-border: @color-border-1;
1944
+ @alert-font-size-text-title: @font-size-body-3;
1945
+ @link-color-text_success_active: @color-success-7;
1946
+ @card-color-action: @color-text-2;
1947
+ @btn-outline-color-bg_danger_active: @color-danger-1;
1948
+ @select-signal-popup-option-padding-horizontal: @spacing-6;
1949
+ @tabs-color-title-text: @color-text-2;
1950
+ @input-size-default-height: @size-8;
1951
+ @select-color-icon_focused: @color-text-3;
1952
+ @btn-secondary-color-border: @color-primary-4;
1953
+ @select-color-bg_default_focus: @color-fill-4;
1954
+ @btn-outline-color-bg_warning_active: @color-warning-1;
1955
+ @upload-text-item-color-text: @color-text-1;
1956
+ @tabs-color-title-text_disabled_active: @color-primary-3;
1957
+ @input-number-step-layer-border-radius: @border-radius-medium;
1958
+ @steps-size-small-font-size-icon: @size-3;
1959
+ @btn-primary-color-text_warning_hover: @color-white;
1960
+ @collapse-color-expand-icon: @color-text-3;
1961
+ @pagination-color-icon-arrow-bg_hover: @color-fill-1;
1962
+ @btn-dashed-color-bg_danger: @color-transparent;
1963
+ @alert-info-color-bg: @color-primary-1;
1964
+ @tag-size-default: @size-5;
1965
+ @form-size-default-margin-item-bottom: @spacing-7;
1966
+ @input-color-border_hover: @color-primary-6;
1967
+ @cascader-color-item-bg_disabled_active: @color-fill-2;
1968
+ @menu-dark-color-icon_hover: @color-text-3;
1969
+ @select-color-icon_disabled: @color-text-6;
1970
+ @menu-color-border-popup: @color-transparent;
1971
+ @btn-secondary-color-bg_success_active: @color-success-2;
1972
+ @btn-dashed-color-border_success_active: @color-transparent;
1973
+ @dark-color-text-6: rgb(102, 117, 135);
1974
+ @notification-normal-color-border: @color-transparent;
1975
+ @picker-color-text_disabled: @color-text-6;
1976
+ @pagination-color-bg-item_active_disabled: @color-transparent;
1977
+ @upload-picture-color-text_disabled: @color-text-6;
1978
+ @alert-line-height: 1.5;
1979
+ @btn-dashed-color-text_warning_active: @color-warning-7;
1980
+ @timepicker-color-text-cell: @color-text-2;
1981
+ @switch-color-dot-icon_off: @color-fill-2;
1982
+ @input-color-shadow_focus: @color-primary-2;
1983
+ @steps-dot-color-item-bg_wait: @color-text-6;
1984
+ @input-color-text: @color-text-2;
1985
+ @btn-dashed-color-text_active: @color-primary-7;
1986
+ @link-padding-horizontal: @spacing-none;
1987
+ @tree-select-padding-popup-left: @spacing-6;
1988
+ @picker-color-border_disabled: @color-border-2;
1989
+ @progress-circle-size-mini-color-mask-stroke_success: @color-success-3;
1990
+ @table-size-small-font-header-size: @font-size-body-3;
1991
+ @picker-color-bg-cell-range-boundary: @color-transparent;
1992
+ @steps-size-small-arrow: @size-9;
1993
+ @steps-dot-color-item-title_finish: @color-text-1;
1994
+ @menu-dark-color-button: @color-white;
1995
+ @btn-outline-color-border_warning_active: @color-warning-6;
1996
+ @steps-circle-color-item-title_process: @color-primary-6;
1997
+ @switch-size-default: @size-4;
1998
+ @btn-primary-color-bg_danger: @color-danger-6;
1999
+ @collapse-content-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-4');
2000
+ @cascader-color-item-text: @color-text-2;
2001
+ @result-color-icon_error: @color-white;
2002
+ @btn-text-color-text_danger_active: @color-danger-7;
2003
+ @upload-drag-color-bg_active: @color-primary-1;
2004
+ @input-tag-color-icon-clear: @color-text-2;
2005
+ @input-tag-color-shadow_error_focus: @color-transparent;
2006
+ @btn-secondary-color-text_success_disabled: @color-success-3;
2007
+ @transfer-operation-gap-buttons: @spacing-6;
2008
+ @progress-circle-color-text: @color-text-3;
2009
+ @form-color-bg_validating_hover: @color-fill-2;
2010
+ @select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-2');
2011
+ @upload-text-item-color-bg: @color-fill-3;
2012
+ @descriptions-border-item-size-small-padding-horizontal: @spacing-8;
2013
+ @notification-normal-color-icon: @color-text-1;
2014
+ @table-size-mini-font-header-size: @font-size-body-1;
2015
+ @message-success-color-border: @color-transparent;
2016
+ @upload-picture-color-bg_disabled: @color-fill-2;
2017
+ @switch-color-dot-icon_off_loading: @color-text-6;
2018
+ @comment-color-actions-text: @color-text-2;
2019
+ @dark-color-fill-5: rgb(41, 49, 64);
2020
+ @empty-color-icon: var(~'@{arco-cssvars-prefix}-color-border-1');
2021
+ @form-color-bg_error: @color-danger-1;
2022
+ @notification-color-close-icon: @color-text-1;
2023
+ @input-tag-color-border_default_focus: @color-border-1;
2024
+ @descriptions-border-item-size-default-padding-horizontal: @spacing-6;
2025
+ @btn-outline-color-border_danger_active: @color-danger-6;
2026
+ @progress-circle-size-mini-color-mask-stroke_error: @color-danger-3;
2027
+ @btn-primary-color-text: @color-white;
2028
+ @btn-secondary-color-border_danger_disabled: @color-danger-2;
2029
+ @alert-error-color-bg: @color-danger-1;
2030
+ @steps-circle-color-item-description_process: @color-primary-6;
2031
+ @tree-color-title-text_active_disabled: @color-primary-3;
2032
+ @table-color-header-sorter-icon: @color-text-3;
2033
+ @dropdown-option-color-text_disabled: @color-text-6;
2034
+ @menu-dark-color-item_default: @color-text-4;
2035
+ @tree-size-small-font-size: @font-size-body-3;
2036
+ @card-size-small-padding-horizontal-title: @spacing-8;
2037
+ @pagination-color-bg-item_hover: @color-primary-1;
2038
+ @dropdown-option-color-text_default: @color-text-2;
2039
+ @menu-margin-right-item-prefix-icon: @spacing-4;
2040
+ @cascader-color-item-text_disabled: @color-text-6;
2041
+ @pagination-size-icon-arrow_default: @size-3;
2042
+ @cascader-color-item-icon: @color-text-2;
2043
+ @radio-button-color-bg_disabled: @color-fill-2;
2044
+ @switch-color-bg_off: var(~'@{arco-cssvars-prefix}-color-fill-1');
2045
+ @select-color-placeholder_focused: @color-text-4;
2046
+ @slider-color-road-bg_disabled: @color-fill-2;
2047
+ @empty-color-text: @color-text-6;
2048
+ @descriptions-size-default-font-size-text: @font-size-body-2;
2049
+ @input-number-size-default-step-button-width: @size-8;
2050
+ @radio-size-default-height: @size-8;
2051
+ @table-color-expand-icon-border_hover: @color-text-5;
2052
+ @message-close-icon-left: @spacing-4;
2053
+ @radio-group-button-color-bg_dark: @color-primary-2;
2054
+ @input-tag-color-shadow_default_focus: @color-transparent;
2055
+ @menu-vertical-item-padding-horizontal: @spacing-6;
2056
+ @tag-padding-horizontal: @spacing-2;
2057
+ @dark-tip-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
2058
+ @dark-tip-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
2059
+ @color-tip-1: rgb(var(~'@{arco-cssvars-prefix}-tip-1'));
2060
+ @tip-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
2061
+ @dark-tip-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
2062
+ @color-tip-3: rgb(var(~'@{arco-cssvars-prefix}-tip-3'));
2063
+ @tip-6: rgb(230, 162, 60);
2064
+ @color-tip-9: rgb(var(~'@{arco-cssvars-prefix}-tip-9'));
2065
+ @dark-tip-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
2066
+ @dark-tip-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
2067
+ @tip-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
2068
+ @dark-tip-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
2069
+ @tip-3: rgb(248, 227, 197);
2070
+ @tip-1: rgb(252, 246, 236);
2071
+ @color-tip-4: rgb(var(~'@{arco-cssvars-prefix}-tip-4'));
2072
+ @color-tip-8: rgb(var(~'@{arco-cssvars-prefix}-tip-8'));
2073
+ @dark-tip-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
2074
+ @dark-tip-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
2075
+ @tip-2: rgb(250, 236, 216);
2076
+ @tip-5: rgb(238, 190, 119);
2077
+ @dark-tip-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
2078
+ @color-tip-6: rgb(var(~'@{arco-cssvars-prefix}-tip-6'));
2079
+ @tip-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
2080
+ @tip-4: rgb(242, 208, 157);
2081
+ @color-tip-5: rgb(var(~'@{arco-cssvars-prefix}-tip-5'));
2082
+ @tip-7: rgb(184, 130, 48);
2083
+ @color-tip-7: rgb(var(~'@{arco-cssvars-prefix}-tip-7'));
2084
+ @color-tip-10: rgb(var(~'@{arco-cssvars-prefix}-tip-10'));
2085
+ @color-tip-2: rgb(var(~'@{arco-cssvars-prefix}-tip-2'));
2086
+ @dark-tip-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));