@arco-themes/vue-rb-node-saas-web 0.0.1 → 0.0.2

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 (7) hide show
  1. package/README.md +21 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +108 -108
  5. package/theme.less +108 -108
  6. package/tokens.less +175 -175
  7. package/variables.less +168 -108
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rb-node-saas-web",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "",
5
5
  "author": "k5v1n",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -1,5 +1,5 @@
1
1
  body {
2
- font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
2
+ font-family: Inter, PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
3
3
  }
4
4
  body {
5
5
  --color-white: #ffffff;
@@ -22,16 +22,16 @@ body {
22
22
  --color-neutral-8: rgb(var(--gray-8));
23
23
  --color-neutral-9: rgb(var(--gray-9));
24
24
  --color-neutral-10: rgb(var(--gray-10));
25
- --color-text-1: var(--color-neutral-10);
26
- --color-text-2: var(--color-neutral-8);
27
- --color-text-3: var(--color-neutral-6);
25
+ --color-text-1: #333333;
26
+ --color-text-2: #7f7f7f;
27
+ --color-text-3: #c4c4c4;
28
28
  --color-text-4: var(--color-neutral-4);
29
29
  --color-fill-1: var(--color-neutral-1);
30
- --color-fill-2: var(--color-neutral-2);
30
+ --color-fill-2: #f1f2f8;
31
31
  --color-fill-3: var(--color-neutral-3);
32
32
  --color-fill-4: var(--color-neutral-4);
33
33
  --color-border-1: var(--color-neutral-2);
34
- --color-border-2: var(--color-neutral-3);
34
+ --color-border-2: #dedede;
35
35
  --color-border-3: var(--color-neutral-4);
36
36
  --color-border-4: var(--color-neutral-6);
37
37
  --color-primary-light-1: rgb(var(--primary-1));
@@ -59,8 +59,8 @@ body {
59
59
  --color-link-light-3: rgb(var(--link-3));
60
60
  --color-link-light-4: rgb(var(--link-4));
61
61
  --border-radius-none: 0;
62
- --border-radius-small: 2px;
63
- --border-radius-medium: 4px;
62
+ --border-radius-small: 4px;
63
+ --border-radius-medium: 6px;
64
64
  --border-radius-large: 8px;
65
65
  --border-radius-circle: 50%;
66
66
  --color-tooltip-bg: rgb(var(--gray-10));
@@ -263,56 +263,56 @@ body {
263
263
  --gray-8: 78, 89, 105;
264
264
  --gray-9: 39, 46, 59;
265
265
  --gray-10: 29, 33, 41;
266
- --primary-1: var(--arcoblue-1);
267
- --primary-2: var(--arcoblue-2);
268
- --primary-3: var(--arcoblue-3);
269
- --primary-4: var(--arcoblue-4);
270
- --primary-5: var(--arcoblue-5);
271
- --primary-6: var(--arcoblue-6);
272
- --primary-7: var(--arcoblue-7);
273
- --primary-8: var(--arcoblue-8);
274
- --primary-9: var(--arcoblue-9);
275
- --primary-10: var(--arcoblue-10);
276
- --link-1: var(--arcoblue-1);
277
- --link-2: var(--arcoblue-2);
278
- --link-3: var(--arcoblue-3);
279
- --link-4: var(--arcoblue-4);
280
- --link-5: var(--arcoblue-5);
281
- --link-6: var(--arcoblue-6);
282
- --link-7: var(--arcoblue-7);
283
- --link-8: var(--arcoblue-8);
284
- --link-9: var(--arcoblue-9);
285
- --link-10: var(--arcoblue-10);
286
- --success-1: var(--green-1);
287
- --success-2: var(--green-2);
288
- --success-3: var(--green-3);
289
- --success-4: var(--green-4);
290
- --success-5: var(--green-5);
291
- --success-6: var(--green-6);
292
- --success-7: var(--green-7);
293
- --success-8: var(--green-8);
294
- --success-9: var(--green-9);
295
- --success-10: var(--green-10);
296
- --danger-1: var(--red-1);
297
- --danger-2: var(--red-2);
298
- --danger-3: var(--red-3);
299
- --danger-4: var(--red-4);
300
- --danger-5: var(--red-5);
301
- --danger-6: var(--red-6);
302
- --danger-7: var(--red-7);
303
- --danger-8: var(--red-8);
304
- --danger-9: var(--red-9);
305
- --danger-10: var(--red-10);
306
- --warning-1: var(--orange-1);
307
- --warning-2: var(--orange-2);
308
- --warning-3: var(--orange-3);
309
- --warning-4: var(--orange-4);
310
- --warning-5: var(--orange-5);
311
- --warning-6: var(--orange-6);
312
- --warning-7: var(--orange-7);
313
- --warning-8: var(--orange-8);
314
- --warning-9: var(--orange-9);
315
- --warning-10: var(--orange-10);
266
+ --primary-1: 232, 247, 255;
267
+ --primary-2: 181, 224, 248;
268
+ --primary-3: 132, 198, 242;
269
+ --primary-4: 86, 171, 235;
270
+ --primary-5: 42, 142, 229;
271
+ --primary-6: 1, 111, 222;
272
+ --primary-7: 1, 87, 186;
273
+ --primary-8: 0, 65, 149;
274
+ --primary-9: 0, 45, 113;
275
+ --primary-10: 0, 28, 77;
276
+ --link-1: 232, 247, 255;
277
+ --link-2: 181, 224, 248;
278
+ --link-3: 132, 198, 242;
279
+ --link-4: 86, 171, 235;
280
+ --link-5: 42, 142, 229;
281
+ --link-6: 1, 111, 222;
282
+ --link-7: 1, 87, 186;
283
+ --link-8: 0, 65, 149;
284
+ --link-9: 0, 45, 113;
285
+ --link-10: 0, 28, 77;
286
+ --success-1: 232, 255, 245;
287
+ --success-2: 180, 244, 219;
288
+ --success-3: 132, 234, 196;
289
+ --success-4: 87, 223, 178;
290
+ --success-5: 46, 213, 163;
291
+ --success-6: 9, 202, 150;
292
+ --success-7: 6, 171, 132;
293
+ --success-8: 3, 139, 112;
294
+ --success-9: 1, 108, 90;
295
+ --success-10: 0, 77, 66;
296
+ --danger-1: 255, 237, 232;
297
+ --danger-2: 255, 204, 192;
298
+ --danger-3: 255, 169, 152;
299
+ --danger-4: 255, 131, 111;
300
+ --danger-5: 255, 90, 71;
301
+ --danger-6: 255, 46, 31;
302
+ --danger-7: 210, 26, 19;
303
+ --danger-8: 166, 10, 10;
304
+ --danger-9: 121, 4, 8;
305
+ --danger-10: 77, 0, 5;
306
+ --warning-1: 255, 247, 232;
307
+ --warning-2: 255, 227, 186;
308
+ --warning-3: 255, 205, 139;
309
+ --warning-4: 255, 179, 93;
310
+ --warning-5: 255, 151, 46;
311
+ --warning-6: 255, 119, 0;
312
+ --warning-7: 210, 91, 0;
313
+ --warning-8: 166, 66, 0;
314
+ --warning-9: 121, 44, 0;
315
+ --warning-10: 77, 25, 0;
316
316
  }
317
317
  body[arco-theme='dark'] {
318
318
  --red-1: 77, 0, 10;
@@ -455,55 +455,55 @@ body[arco-theme='dark'] {
455
455
  --gray-8: 197, 197, 197;
456
456
  --gray-9: 223, 223, 223;
457
457
  --gray-10: 246, 246, 246;
458
- --primary-1: var(--arcoblue-1);
459
- --primary-2: var(--arcoblue-2);
460
- --primary-3: var(--arcoblue-3);
461
- --primary-4: var(--arcoblue-4);
462
- --primary-5: var(--arcoblue-5);
463
- --primary-6: var(--arcoblue-6);
464
- --primary-7: var(--arcoblue-7);
465
- --primary-8: var(--arcoblue-8);
466
- --primary-9: var(--arcoblue-9);
467
- --primary-10: var(--arcoblue-10);
468
- --link-1: var(--arcoblue-1);
469
- --link-2: var(--arcoblue-2);
470
- --link-3: var(--arcoblue-3);
471
- --link-4: var(--arcoblue-4);
472
- --link-5: var(--arcoblue-5);
473
- --link-6: var(--arcoblue-6);
474
- --link-7: var(--arcoblue-7);
475
- --link-8: var(--arcoblue-8);
476
- --link-9: var(--arcoblue-9);
477
- --link-10: var(--arcoblue-10);
478
- --success-1: var(--green-1);
479
- --success-2: var(--green-2);
480
- --success-3: var(--green-3);
481
- --success-4: var(--green-4);
482
- --success-5: var(--green-5);
483
- --success-6: var(--green-6);
484
- --success-7: var(--green-7);
485
- --success-8: var(--green-8);
486
- --success-9: var(--green-9);
487
- --success-10: var(--green-10);
488
- --danger-1: var(--red-1);
489
- --danger-2: var(--red-2);
490
- --danger-3: var(--red-3);
491
- --danger-4: var(--red-4);
492
- --danger-5: var(--red-5);
493
- --danger-6: var(--red-6);
494
- --danger-7: var(--red-7);
495
- --danger-8: var(--red-8);
496
- --danger-9: var(--red-9);
497
- --danger-10: var(--red-10);
498
- --warning-1: var(--orange-1);
499
- --warning-2: var(--orange-2);
500
- --warning-3: var(--orange-3);
501
- --warning-4: var(--orange-4);
502
- --warning-5: var(--orange-5);
503
- --warning-6: var(--orange-6);
504
- --warning-7: var(--orange-7);
505
- --warning-8: var(--orange-8);
506
- --warning-9: var(--orange-9);
507
- --warning-10: var(--orange-10);
458
+ --primary-1: 0, 28, 77;
459
+ --primary-2: 0, 45, 113;
460
+ --primary-3: 5, 68, 149;
461
+ --primary-4: 14, 94, 186;
462
+ --primary-5: 25, 123, 222;
463
+ --primary-6: 35, 139, 229;
464
+ --primary-7: 81, 169, 235;
465
+ --primary-8: 129, 197, 242;
466
+ --primary-9: 180, 224, 248;
467
+ --primary-10: 233, 247, 255;
468
+ --link-1: 0, 28, 77;
469
+ --link-2: 0, 45, 113;
470
+ --link-3: 5, 68, 149;
471
+ --link-4: 14, 94, 186;
472
+ --link-5: 25, 123, 222;
473
+ --link-6: 35, 139, 229;
474
+ --link-7: 81, 169, 235;
475
+ --link-8: 129, 197, 242;
476
+ --link-9: 180, 224, 248;
477
+ --link-10: 233, 247, 255;
478
+ --success-1: 0, 77, 66;
479
+ --success-2: 5, 108, 91;
480
+ --success-3: 13, 139, 114;
481
+ --success-4: 25, 171, 136;
482
+ --success-5: 39, 202, 158;
483
+ --success-6: 52, 213, 165;
484
+ --success-7: 92, 223, 180;
485
+ --success-8: 137, 234, 198;
486
+ --success-9: 184, 244, 221;
487
+ --success-10: 236, 255, 247;
488
+ --danger-1: 77, 0, 5;
489
+ --danger-2: 121, 4, 8;
490
+ --danger-3: 166, 15, 15;
491
+ --danger-4: 210, 38, 32;
492
+ --danger-5: 255, 67, 54;
493
+ --danger-6: 255, 88, 69;
494
+ --danger-7: 255, 130, 110;
495
+ --danger-8: 255, 168, 151;
496
+ --danger-9: 255, 204, 192;
497
+ --danger-10: 255, 237, 232;
498
+ --warning-1: 77, 25, 0;
499
+ --warning-2: 121, 46, 4;
500
+ --warning-3: 166, 72, 10;
501
+ --warning-4: 210, 102, 19;
502
+ --warning-5: 255, 135, 31;
503
+ --warning-6: 255, 147, 38;
504
+ --warning-7: 255, 176, 87;
505
+ --warning-8: 255, 203, 135;
506
+ --warning-9: 255, 226, 184;
507
+ --warning-10: 255, 247, 232;
508
508
  }
509
509
 
package/theme.less CHANGED
@@ -70,8 +70,8 @@
70
70
  @magenta-2: #FDC2DB;
71
71
  @magenta-1: #FFE8F1;
72
72
  @border-radius-none: 0;
73
- @border-radius-small: 2px;
74
- @border-radius-medium: 4px;
73
+ @border-radius-small: 4px;
74
+ @border-radius-medium: 6px;
75
75
  @border-radius-large: 8px;
76
76
  @border-radius-circle: 50%;
77
77
  @border-none: 0;
@@ -117,7 +117,7 @@
117
117
  @shadow-distance-2: 2px;
118
118
  @shadow-distance-3: 3px;
119
119
  @shadow-distance-4: 4px;
120
- @font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
120
+ @font-family: Inter,PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
121
121
  @font-size-display-3: 56px;
122
122
  @font-size-display-2: 48px;
123
123
  @font-size-display-1: 36px;
@@ -394,16 +394,16 @@
394
394
  @dark-yellow-2: #785E07;
395
395
  @dark-pinkpurple-3: #8A0D93;
396
396
  @dark-gold-5: #F7C034;
397
- @dark-primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
397
+ @dark-primary-6: rgb(35, 139, 229);
398
398
  @dark-arcoblue-8: #93BEFF;
399
399
  @dark-green-8: #7EE18B;
400
400
  @dark-arcoblue-3: #0E32A6;
401
- @success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
401
+ @success-6: rgb(9, 202, 150);
402
402
  @dark-gray-1: #17171a;
403
403
  @dark-yellow-4: #CFB325;
404
- @dark-primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
404
+ @dark-primary-8: rgb(129, 197, 242);
405
405
  @dark-purple-10: #F7EDFF;
406
- @success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
406
+ @success-10: rgb(0, 77, 66);
407
407
  @dark-orange-3: #A64B0A;
408
408
  @dark-gray-6: #929293;
409
409
  @dark-yellow-1: #4D3800;
@@ -414,26 +414,26 @@
414
414
  @dark-orange-5: #FF8D1F;
415
415
  @dark-blue-8: #A1D5FD;
416
416
  @dark-orangered-10: #FFF4EB;
417
- @primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
417
+ @primary-1: rgb(232, 247, 255);
418
418
  @dark-red-8: #FBB0A7;
419
- @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
420
- @primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
419
+ @success-9: rgb(1, 108, 90);
420
+ @primary-4: rgb(86, 171, 235);
421
421
  @dark-lime-10: #FDFFEE;
422
422
  @dark-gray-5: #78787a;
423
423
  @dark-yellow-5: #FAE13C;
424
424
  @dark-magenta-3: #A1176C;
425
425
  @dark-arcoblue-5: #306FFF;
426
- @success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
426
+ @success-5: rgb(46, 213, 163);
427
427
  @dark-lime-4: #84B723;
428
428
  @dark-magenta-7: #F97AB8;
429
429
  @dark-yellow-8: #FDFA9D;
430
430
  @dark-magenta-2: #770850;
431
431
  @dark-green-7: #50D266;
432
- @dark-success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
432
+ @dark-success-1: rgb(0, 77, 66);
433
433
  @dark-blue-3: #134CA3;
434
434
  @dark-blue-1: #001A4D;
435
435
  @dark-pinkpurple-1: #42004D;
436
- @dark-primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
436
+ @dark-primary-2: rgb(0, 45, 113);
437
437
  @dark-pinkpurple-2: #650370;
438
438
  @dark-green-5: #1DB440;
439
439
  @dark-purple-1: #16004D;
@@ -442,166 +442,166 @@
442
442
  @dark-red-1: #4D000A;
443
443
  @dark-purple-4: #5A25B0;
444
444
  @dark-green-9: #B2F0B7;
445
- @primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
445
+ @primary-6: rgb(1, 111, 222);
446
446
  @dark-pinkpurple-6: #E13DDB;
447
447
  @dark-cyan-6: #3FD4CF;
448
- @dark-primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
449
- @dark-primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
448
+ @dark-primary-10: rgb(233, 247, 255);
449
+ @dark-primary-1: rgb(0, 28, 77);
450
450
  @dark-cyan-8: #90E9E1;
451
451
  @dark-cyan-3: #11838B;
452
- @danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
452
+ @danger-6: rgb(255, 46, 31);
453
453
  @dark-lime-1: #2A4D00;
454
- @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
455
- @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
454
+ @dark-primary-4: rgb(14, 94, 186);
455
+ @dark-success-3: rgb(13, 139, 114);
456
456
  @dark-orange-8: #FFCD87;
457
- @success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
457
+ @success-4: rgb(87, 223, 178);
458
458
  @dark-cyan-7: #66DFD7;
459
- @success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
460
- @success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
461
- @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
459
+ @success-2: rgb(180, 244, 219);
460
+ @success-1: rgb(232, 255, 245);
461
+ @success-8: rgb(3, 139, 112);
462
462
  @dark-cyan-1: #00424D;
463
463
  @dark-gray-2: #2e2e30;
464
464
  @dark-lime-3: #629412;
465
- @success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
466
- @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
465
+ @success-3: rgb(132, 234, 196);
466
+ @dark-primary-3: rgb(5, 68, 149);
467
467
  @dark-gold-8: #FCE995;
468
468
  @dark-arcoblue-1: #000D4D;
469
469
  @dark-blue-6: #5AAAFB;
470
470
  @dark-orangered-5: #F77E45;
471
471
  @dark-red-4: #CB2E34;
472
472
  @dark-purple-7: #A974E3;
473
- @dark-primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
474
- @warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
475
- @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
473
+ @dark-primary-9: rgb(180, 224, 248);
474
+ @warning-4: rgb(255, 179, 93);
475
+ @dark-success-2: rgb(5, 108, 91);
476
476
  @dark-lime-5: #A8DB39;
477
- @danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
478
- @dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
479
- @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
477
+ @danger-1: rgb(255, 237, 232);
478
+ @dark-primary-7: rgb(81, 169, 235);
479
+ @dark-success-5: rgb(39, 202, 158);
480
480
  @dark-blue-5: #469AFA;
481
481
  @dark-purple-8: #C59AED;
482
482
  @dark-arcoblue-6: #3C7EFF;
483
483
  @dark-gold-6: #F9CC44;
484
484
  @dark-gray-9: #dfdfdf;
485
- @dark-warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
485
+ @dark-warning-7: rgb(255, 176, 87);
486
486
  @dark-pinkpurple-10: #FFF2FD;
487
487
  @dark-yellow-10: #FEFFF0;
488
488
  @dark-green-10: #EBFFEC;
489
489
  @dark-green-3: #0A802D;
490
490
  @dark-orangered-2: #771E05;
491
- @warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
492
- @primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
493
- @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
491
+ @warning-5: rgb(255, 151, 46);
492
+ @primary-7: rgb(1, 87, 186);
493
+ @primary-9: rgb(0, 45, 113);
494
494
  @dark-cyan-9: #BEF4ED;
495
- @link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
495
+ @link-3: rgb(132, 198, 242);
496
496
  @dark-magenta-4: #CB2B88;
497
- @warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
498
- @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
499
- @success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
500
- @dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
501
- @dark-primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
497
+ @warning-1: rgb(255, 247, 232);
498
+ @dark-success-10: rgb(236, 255, 247);
499
+ @success-7: rgb(6, 171, 132);
500
+ @dark-warning-4: rgb(210, 102, 19);
501
+ @dark-primary-5: rgb(25, 123, 222);
502
502
  @dark-gold-10: #FFFCE8;
503
- @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
504
- @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
503
+ @dark-danger-2: rgb(121, 4, 8);
504
+ @warning-9: rgb(121, 44, 0);
505
505
  @dark-magenta-9: #FDC3DB;
506
- @danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
507
- @dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
508
- @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
509
- @primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
506
+ @danger-5: rgb(255, 90, 71);
507
+ @dark-danger-6: rgb(255, 88, 69);
508
+ @link-8: rgb(0, 65, 149);
509
+ @primary-2: rgb(181, 224, 248);
510
510
  @dark-cyan-10: #F0FFFC;
511
511
  @dark-gray-10: #f6f6f6;
512
- @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
513
- @link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
512
+ @dark-warning-3: rgb(166, 72, 10);
513
+ @link-2: rgb(181, 224, 248);
514
514
  @dark-green-2: #046625;
515
- @dark-danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
516
- @link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
517
- @dark-danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
515
+ @dark-danger-5: rgb(255, 67, 54);
516
+ @link-10: rgb(0, 28, 77);
517
+ @dark-danger-9: rgb(255, 204, 192);
518
518
  @dark-gray-8: #c5c5c5;
519
519
  @dark-magenta-8: #FB9EC8;
520
- @dark-success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
521
- @dark-danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
520
+ @dark-success-4: rgb(25, 171, 136);
521
+ @dark-danger-7: rgb(255, 130, 110);
522
522
  @dark-lime-8: #DEF198;
523
523
  @dark-arcoblue-10: #EAF4FF;
524
- @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
525
- @danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
526
- @dark-link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
527
- @link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
524
+ @link-9: rgb(0, 45, 113);
525
+ @danger-9: rgb(121, 4, 8);
526
+ @dark-link-8: rgb(129, 197, 242);
527
+ @link-5: rgb(42, 142, 229);
528
528
  @dark-gray-7: #ababac;
529
- @dark-danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
530
- @link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
531
- @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
529
+ @dark-danger-8: rgb(255, 168, 151);
530
+ @link-4: rgb(86, 171, 235);
531
+ @dark-warning-5: rgb(255, 135, 31);
532
532
  @dark-magenta-5: #F545A6;
533
- @dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
533
+ @dark-success-6: rgb(52, 213, 165);
534
534
  @dark-lime-6: #B8E24B;
535
- @warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
536
- @link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
537
- @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
538
- @primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
535
+ @warning-6: rgb(255, 119, 0);
536
+ @link-6: rgb(1, 111, 222);
537
+ @dark-danger-3: rgb(166, 15, 15);
538
+ @primary-5: rgb(42, 142, 229);
539
539
  @dark-orange-9: #FFE3B8;
540
- @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
541
- @primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
542
- @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
540
+ @dark-warning-9: rgb(255, 226, 184);
541
+ @primary-3: rgb(132, 198, 242);
542
+ @warning-3: rgb(255, 205, 139);
543
543
  @dark-orange-6: #FF9626;
544
544
  @dark-purple-5: #7B3DD1;
545
545
  @dark-orangered-4: #CC5729;
546
- @dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
547
- @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
546
+ @dark-link-2: rgb(0, 45, 113);
547
+ @primary-10: rgb(0, 28, 77);
548
548
  @dark-blue-2: #052F78;
549
- @dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
550
- @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
551
- @danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
552
- @dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
553
- @dark-link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
554
- @warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
549
+ @dark-success-7: rgb(92, 223, 180);
550
+ @warning-8: rgb(166, 66, 0);
551
+ @danger-3: rgb(255, 169, 152);
552
+ @dark-link-4: rgb(14, 94, 186);
553
+ @dark-link-7: rgb(81, 169, 235);
554
+ @warning-7: rgb(210, 91, 0);
555
555
  @dark-blue-4: #2971CF;
556
556
  @dark-gray-3: #484849;
557
- @dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
558
- @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
557
+ @dark-warning-6: rgb(255, 147, 38);
558
+ @dark-warning-10: rgb(255, 247, 232);
559
559
  @dark-pinkpurple-4: #B01BB6;
560
- @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
561
- @danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
562
- @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
560
+ @warning-2: rgb(255, 227, 186);
561
+ @danger-7: rgb(210, 26, 19);
562
+ @dark-warning-2: rgb(121, 46, 4);
563
563
  @dark-purple-3: #3E138F;
564
- @dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
564
+ @dark-link-1: rgb(0, 28, 77);
565
565
  @dark-green-6: #27C346;
566
- @dark-danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
567
- @dark-link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
568
- @dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
569
- @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
566
+ @dark-danger-4: rgb(210, 38, 32);
567
+ @dark-link-3: rgb(5, 68, 149);
568
+ @dark-warning-1: rgb(77, 25, 0);
569
+ @primary-8: rgb(0, 65, 149);
570
570
  @dark-arcoblue-2: #041B79;
571
- @danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
572
- @link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
573
- @link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
571
+ @danger-4: rgb(255, 131, 111);
572
+ @link-7: rgb(1, 87, 186);
573
+ @link-1: rgb(232, 247, 255);
574
574
  @dark-blue-7: #7DC1FC;
575
575
  @dark-orangered-6: #F9925A;
576
- @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
577
- @danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
578
- @dark-link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
579
- @dark-danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
580
- @warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
581
- @dark-link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
576
+ @danger-8: rgb(166, 10, 10);
577
+ @danger-10: rgb(77, 0, 5);
578
+ @dark-link-6: rgb(35, 139, 229);
579
+ @dark-danger-10: rgb(255, 237, 232);
580
+ @warning-10: rgb(77, 25, 0);
581
+ @dark-link-10: rgb(233, 247, 255);
582
582
  @dark-blue-10: #EAF8FF;
583
- @dark-warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
583
+ @dark-warning-8: rgb(255, 203, 135);
584
584
  @dark-gold-4: #CC961F;
585
- @dark-success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
586
- @dark-link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
587
- @dark-success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
588
- @danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
589
- @dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
590
- @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
585
+ @dark-success-9: rgb(184, 244, 221);
586
+ @dark-link-9: rgb(180, 224, 248);
587
+ @dark-success-8: rgb(137, 234, 198);
588
+ @danger-2: rgb(255, 204, 192);
589
+ @dark-link-5: rgb(25, 123, 222);
590
+ @dark-danger-1: rgb(77, 0, 5);
591
591
  @orange-4: #FFB65D;
592
592
  @dark-color-text-1: rgba(255, 255, 255, 0.9);
593
- @color-text-1: var(~'@{arco-cssvars-prefix}-color-neutral-10');
593
+ @color-text-1: rgb(51, 51, 51);
594
594
  @color-bg-white: #ffffff;
595
595
  @color-white: #ffffff;
596
596
  @dark-color-text-2: rgba(255, 255, 255, 0.7);
597
597
  @dark-color-white: rgba(255, 255, 255, 0.9);
598
- @color-text-3: var(~'@{arco-cssvars-prefix}-color-neutral-6');
599
- @color-text-2: var(~'@{arco-cssvars-prefix}-color-neutral-8');
598
+ @color-text-3: rgb(196, 196, 196);
599
+ @color-text-2: rgb(127, 127, 127);
600
600
  @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
601
601
  @dark-color-text-3: rgba(255, 255, 255, 0.5);
602
- @color-border-2: var(~'@{arco-cssvars-prefix}-color-neutral-3');
602
+ @color-border-2: rgb(222, 222, 222);
603
603
  @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
604
- @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
604
+ @color-fill-2: rgb(241, 242, 248);
605
605
  @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
606
606
  @dark-color-bg-1: #17171A;
607
607
  @dark-color-fill-4: rgba(255, 255, 255, 0.16);