@arco-themes/vue-7777 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 +6 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +52 -52
  5. package/theme.less +53 -53
  6. package/tokens.less +53 -53
  7. package/variables.less +53 -53
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-7777",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "",
5
5
  "author": "Skexin777",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -9,8 +9,8 @@ body {
9
9
  --color-bg-1: #212121;
10
10
  --color-bg-2: #080808;
11
11
  --color-bg-3: #313131;
12
- --color-bg-4: #fff;
13
- --color-bg-5: #fff;
12
+ --color-bg-4: #313131;
13
+ --color-bg-5: #313131;
14
14
  --color-bg-white: #fff;
15
15
  --color-neutral-1: rgb(var(--gray-1));
16
16
  --color-neutral-2: rgb(var(--gray-2));
@@ -27,7 +27,7 @@ body {
27
27
  --color-text-3: #9e9e9e;
28
28
  --color-text-4: #9e9e9e;
29
29
  --color-fill-1: var(--color-neutral-1);
30
- --color-fill-2: var(--color-neutral-2);
30
+ --color-fill-2: #080808;
31
31
  --color-fill-3: var(--color-neutral-3);
32
32
  --color-fill-4: var(--color-neutral-4);
33
33
  --color-border-1: #313131;
@@ -73,24 +73,24 @@ body {
73
73
  body[arco-theme='dark'] {
74
74
  --color-black: #000000;
75
75
  --color-border: #333335;
76
- --color-bg-1: #17171a;
77
- --color-bg-2: #232324;
78
- --color-bg-3: #2a2a2b;
79
- --color-bg-4: #313132;
80
- --color-bg-5: #373739;
76
+ --color-bg-1: #212121;
77
+ --color-bg-2: #313131;
78
+ --color-bg-3: #313131;
79
+ --color-bg-4: #313131;
80
+ --color-bg-5: #313131;
81
81
  --color-bg-white: #f6f6f6;
82
- --color-text-1: rgba(255, 255, 255, 0.9);
83
- --color-text-2: rgba(255, 255, 255, 0.7);
84
- --color-text-3: rgba(255, 255, 255, 0.5);
85
- --color-text-4: rgba(255, 255, 255, 0.3);
86
- --color-fill-1: rgba(255, 255, 255, 0.04);
87
- --color-fill-2: rgba(255, 255, 255, 0.08);
88
- --color-fill-3: rgba(255, 255, 255, 0.12);
82
+ --color-text-1: #ffffff;
83
+ --color-text-2: #9e9e9e;
84
+ --color-text-3: #9e9e9e;
85
+ --color-text-4: #9e9e9e;
86
+ --color-fill-1: #313131;
87
+ --color-fill-2: #313131;
88
+ --color-fill-3: #494949;
89
89
  --color-fill-4: rgba(255, 255, 255, 0.16);
90
- --color-border-1: var(--color-neutral-2);
91
- --color-border-2: var(--color-neutral-3);
92
- --color-border-3: var(--color-neutral-4);
93
- --color-border-4: var(--color-neutral-6);
90
+ --color-border-1: #313131;
91
+ --color-border-2: rgba(8, 8, 8, 0.2);
92
+ --color-border-3: #313131;
93
+ --color-border-4: #313131;
94
94
  --color-primary-light-1: rgba(var(--primary-6), 0.2);
95
95
  --color-primary-light-2: rgba(var(--primary-6), 0.35);
96
96
  --color-primary-light-3: rgba(var(--primary-6), 0.5);
@@ -263,10 +263,10 @@ 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);
266
+ --primary-1: 224, 212, 242;
267
+ --primary-2: 82, 41, 94;
268
+ --primary-3: 82, 41, 94;
269
+ --primary-4: 224, 212, 242;
270
270
  --primary-5: 139, 78, 156;
271
271
  --primary-6: 132, 50, 155;
272
272
  --primary-7: 92, 35, 108;
@@ -456,52 +456,52 @@ body[arco-theme='dark'] {
456
456
  --gray-9: 223, 223, 223;
457
457
  --gray-10: 246, 246, 246;
458
458
  --primary-1: var(--arcoblue-1);
459
- --primary-2: var(--arcoblue-2);
460
- --primary-3: var(--arcoblue-3);
459
+ --primary-2: 82, 41, 94;
460
+ --primary-3: 82, 41, 94;
461
461
  --primary-4: var(--arcoblue-4);
462
- --primary-5: var(--arcoblue-5);
463
- --primary-6: var(--arcoblue-6);
464
- --primary-7: var(--arcoblue-7);
462
+ --primary-5: 139, 78, 156;
463
+ --primary-6: 132, 50, 155;
464
+ --primary-7: 92, 35, 108;
465
465
  --primary-8: var(--arcoblue-8);
466
466
  --primary-9: var(--arcoblue-9);
467
467
  --primary-10: var(--arcoblue-10);
468
- --link-1: var(--arcoblue-1);
469
- --link-2: var(--arcoblue-2);
470
- --link-3: var(--arcoblue-3);
468
+ --link-1: 139, 78, 156;
469
+ --link-2: 90, 49, 102;
470
+ --link-3: 90, 49, 102;
471
471
  --link-4: var(--arcoblue-4);
472
- --link-5: var(--arcoblue-5);
473
- --link-6: var(--arcoblue-6);
474
- --link-7: var(--arcoblue-7);
472
+ --link-5: 139, 78, 156;
473
+ --link-6: 132, 50, 155;
474
+ --link-7: 92, 35, 108;
475
475
  --link-8: var(--arcoblue-8);
476
476
  --link-9: var(--arcoblue-9);
477
477
  --link-10: var(--arcoblue-10);
478
- --success-1: var(--green-1);
479
- --success-2: var(--green-2);
480
- --success-3: var(--green-3);
478
+ --success-1: 76, 168, 97;
479
+ --success-2: 44, 108, 59;
480
+ --success-3: 44, 108, 59;
481
481
  --success-4: var(--green-4);
482
- --success-5: var(--green-5);
483
- --success-6: var(--green-6);
484
- --success-7: var(--green-7);
482
+ --success-5: 76, 168, 97;
483
+ --success-6: 40, 167, 69;
484
+ --success-7: 27, 112, 46;
485
485
  --success-8: var(--green-8);
486
486
  --success-9: var(--green-9);
487
487
  --success-10: var(--green-10);
488
- --danger-1: var(--red-1);
489
- --danger-2: var(--red-2);
490
- --danger-3: var(--red-3);
488
+ --danger-1: 255, 120, 121;
489
+ --danger-2: 152, 63, 64;
490
+ --danger-3: 152, 63, 64;
491
491
  --danger-4: var(--red-4);
492
- --danger-5: var(--red-5);
493
- --danger-6: var(--red-6);
494
- --danger-7: var(--red-7);
492
+ --danger-5: 255, 120, 121;
493
+ --danger-6: 255, 77, 79;
494
+ --danger-7: 200, 59, 61;
495
495
  --danger-8: var(--red-8);
496
496
  --danger-9: var(--red-9);
497
497
  --danger-10: var(--red-10);
498
- --warning-1: var(--orange-1);
499
- --warning-2: var(--orange-2);
500
- --warning-3: var(--orange-3);
498
+ --warning-1: 253, 193, 74;
499
+ --warning-2: 149, 110, 34;
500
+ --warning-3: 149, 110, 34;
501
501
  --warning-4: var(--orange-4);
502
- --warning-5: var(--orange-5);
503
- --warning-6: var(--orange-6);
504
- --warning-7: var(--orange-7);
502
+ --warning-5: 253, 193, 74;
503
+ --warning-6: 250, 173, 20;
504
+ --warning-7: 197, 137, 16;
505
505
  --warning-8: var(--orange-8);
506
506
  --warning-9: var(--orange-9);
507
507
  --warning-10: var(--orange-10);
package/theme.less CHANGED
@@ -394,7 +394,7 @@
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(132, 50, 155);
398
398
  @dark-arcoblue-8: #93BEFF;
399
399
  @dark-green-8: #7EE18B;
400
400
  @dark-arcoblue-3: #0E32A6;
@@ -414,10 +414,10 @@
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(224, 212, 242);
418
418
  @dark-red-8: #FBB0A7;
419
419
  @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
420
- @primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
420
+ @primary-4: rgb(224, 212, 242);
421
421
  @dark-lime-10: #FDFFEE;
422
422
  @dark-gray-5: #78787a;
423
423
  @dark-yellow-5: #FAE13C;
@@ -429,11 +429,11 @@
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(76, 168, 97);
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(82, 41, 94);
437
437
  @dark-pinkpurple-2: #650370;
438
438
  @dark-green-5: #1DB440;
439
439
  @dark-purple-1: #16004D;
@@ -452,7 +452,7 @@
452
452
  @danger-6: rgb(255, 77, 79);
453
453
  @dark-lime-1: #2A4D00;
454
454
  @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
455
- @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
455
+ @dark-success-3: rgb(44, 108, 59);
456
456
  @dark-orange-8: #FFCD87;
457
457
  @success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
458
458
  @dark-cyan-7: #66DFD7;
@@ -463,7 +463,7 @@
463
463
  @dark-gray-2: #2e2e30;
464
464
  @dark-lime-3: #629412;
465
465
  @success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
466
- @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
466
+ @dark-primary-3: rgb(82, 41, 94);
467
467
  @dark-gold-8: #FCE995;
468
468
  @dark-arcoblue-1: #000D4D;
469
469
  @dark-blue-6: #5AAAFB;
@@ -472,17 +472,17 @@
472
472
  @dark-purple-7: #A974E3;
473
473
  @dark-primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
474
474
  @warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
475
- @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
475
+ @dark-success-2: rgb(44, 108, 59);
476
476
  @dark-lime-5: #A8DB39;
477
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'));
478
+ @dark-primary-7: rgb(92, 35, 108);
479
+ @dark-success-5: rgb(76, 168, 97);
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(197, 137, 16);
486
486
  @dark-pinkpurple-10: #FFF2FD;
487
487
  @dark-yellow-10: #FEFFF0;
488
488
  @dark-green-10: #EBFFEC;
@@ -498,27 +498,27 @@
498
498
  @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
499
499
  @success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
500
500
  @dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
501
- @dark-primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
501
+ @dark-primary-5: rgb(139, 78, 156);
502
502
  @dark-gold-10: #FFFCE8;
503
- @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
503
+ @dark-danger-2: rgb(152, 63, 64);
504
504
  @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
505
505
  @dark-magenta-9: #FDC3DB;
506
506
  @danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
507
- @dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
507
+ @dark-danger-6: rgb(255, 77, 79);
508
508
  @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
509
- @primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
509
+ @primary-2: rgb(82, 41, 94);
510
510
  @dark-cyan-10: #F0FFFC;
511
511
  @dark-gray-10: #f6f6f6;
512
- @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
512
+ @dark-warning-3: rgb(149, 110, 34);
513
513
  @link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
514
514
  @dark-green-2: #046625;
515
- @dark-danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
515
+ @dark-danger-5: rgb(255, 120, 121);
516
516
  @link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
517
517
  @dark-danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
518
518
  @dark-gray-8: #c5c5c5;
519
519
  @dark-magenta-8: #FB9EC8;
520
520
  @dark-success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
521
- @dark-danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
521
+ @dark-danger-7: rgb(200, 59, 61);
522
522
  @dark-lime-8: #DEF198;
523
523
  @dark-arcoblue-10: #EAF4FF;
524
524
  @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
@@ -528,44 +528,44 @@
528
528
  @dark-gray-7: #ababac;
529
529
  @dark-danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
530
530
  @link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
531
- @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
531
+ @dark-warning-5: rgb(253, 193, 74);
532
532
  @dark-magenta-5: #F545A6;
533
- @dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
533
+ @dark-success-6: rgb(40, 167, 69);
534
534
  @dark-lime-6: #B8E24B;
535
535
  @warning-6: rgb(250, 173, 20);
536
536
  @link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
537
- @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
537
+ @dark-danger-3: rgb(152, 63, 64);
538
538
  @primary-5: rgb(139, 78, 156);
539
539
  @dark-orange-9: #FFE3B8;
540
540
  @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
541
- @primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
541
+ @primary-3: rgb(82, 41, 94);
542
542
  @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
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'));
546
+ @dark-link-2: rgb(90, 49, 102);
547
547
  @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
548
548
  @dark-blue-2: #052F78;
549
- @dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
549
+ @dark-success-7: rgb(27, 112, 46);
550
550
  @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
551
551
  @danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
552
552
  @dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
553
- @dark-link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
553
+ @dark-link-7: rgb(92, 35, 108);
554
554
  @warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
555
555
  @dark-blue-4: #2971CF;
556
556
  @dark-gray-3: #484849;
557
- @dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
557
+ @dark-warning-6: rgb(250, 173, 20);
558
558
  @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
559
559
  @dark-pinkpurple-4: #B01BB6;
560
560
  @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
561
561
  @danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
562
- @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
562
+ @dark-warning-2: rgb(149, 110, 34);
563
563
  @dark-purple-3: #3E138F;
564
- @dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
564
+ @dark-link-1: rgb(139, 78, 156);
565
565
  @dark-green-6: #27C346;
566
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'));
567
+ @dark-link-3: rgb(90, 49, 102);
568
+ @dark-warning-1: rgb(253, 193, 74);
569
569
  @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
570
570
  @dark-arcoblue-2: #041B79;
571
571
  @danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
@@ -575,7 +575,7 @@
575
575
  @dark-orangered-6: #F9925A;
576
576
  @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
577
577
  @danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
578
- @dark-link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
578
+ @dark-link-6: rgb(132, 50, 155);
579
579
  @dark-danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
580
580
  @warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
581
581
  @dark-link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
@@ -586,44 +586,44 @@
586
586
  @dark-link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
587
587
  @dark-success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
588
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'));
589
+ @dark-link-5: rgb(139, 78, 156);
590
+ @dark-danger-1: rgb(255, 120, 121);
591
591
  @orange-4: #FFB65D;
592
- @dark-color-text-1: rgba(255, 255, 255, 0.9);
592
+ @dark-color-text-1: rgb(255, 255, 255);
593
593
  @color-text-1: rgb(255, 255, 255);
594
594
  @color-bg-white: #ffffff;
595
595
  @color-white: #ffffff;
596
- @dark-color-text-2: rgba(255, 255, 255, 0.7);
597
- @dark-color-white: rgba(255, 255, 255, 0.9);
596
+ @dark-color-text-2: rgb(158, 158, 158);
597
+ @dark-color-white: rgb(255, 255, 255);
598
598
  @color-text-3: rgb(158, 158, 158);
599
599
  @color-text-2: rgb(158, 158, 158);
600
600
  @color-text-4: rgb(158, 158, 158);
601
- @dark-color-text-3: rgba(255, 255, 255, 0.5);
601
+ @dark-color-text-3: rgb(158, 158, 158);
602
602
  @color-border-2: rgba(8,8,8,0.2);
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(8, 8, 8);
605
605
  @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
606
- @dark-color-bg-1: #17171A;
606
+ @dark-color-bg-1: rgb(33, 33, 33);
607
607
  @dark-color-fill-4: rgba(255, 255, 255, 0.16);
608
608
  @dark-color-bg-white: #f6f6f6;
609
- @dark-color-border-1: @dark-gray-2;
609
+ @dark-color-border-1: rgb(49, 49, 49);
610
610
  @color-bg-1: rgb(33, 33, 33);
611
611
  @color-border-1: rgb(49, 49, 49);
612
- @dark-color-border-2: @dark-gray-3;
612
+ @dark-color-border-2: rgba(8,8,8,0.2);
613
613
  @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
614
- @dark-color-border-4: @dark-gray-6;
615
- @dark-color-fill-1: rgba(255, 255, 255, 0.04);
614
+ @dark-color-border-4: rgb(49, 49, 49);
615
+ @dark-color-fill-1: rgb(49, 49, 49);
616
616
  @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
617
- @dark-color-fill-2: rgba(255, 255, 255, 0.08);
618
- @dark-color-border-3: @dark-gray-4;
619
- @dark-color-fill-3: rgba(255, 255, 255, 0.12);
617
+ @dark-color-fill-2: rgb(49, 49, 49);
618
+ @dark-color-border-3: rgb(49, 49, 49);
619
+ @dark-color-fill-3: rgb(73, 73, 73);
620
620
  @color-bg-3: rgb(49, 49, 49);
621
- @dark-color-bg-2: #232324;
622
- @dark-color-bg-4: #313132;
623
- @dark-color-bg-5: #373739;
624
- @color-bg-5: #ffffff;
625
- @color-bg-4: #ffffff;
626
- @dark-color-bg-3: #2a2a2b;
621
+ @dark-color-bg-2: rgb(49, 49, 49);
622
+ @dark-color-bg-4: rgb(49, 49, 49);
623
+ @dark-color-bg-5: rgb(49, 49, 49);
624
+ @color-bg-5: rgb(49, 49, 49);
625
+ @color-bg-4: rgb(49, 49, 49);
626
+ @dark-color-bg-3: rgb(49, 49, 49);
627
627
  @color-bg-2: rgb(8, 8, 8);
628
628
  @color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
629
629
  @textarea-prefix-cls: ~'@{prefix}-textarea';
@@ -717,7 +717,7 @@
717
717
  @dark-color-secondary-disabled: rgba(var(~'@{arco-cssvars-prefix}-gray-9'), 0.08);
718
718
  @dark-color-secondary-active: rgba(var(~'@{arco-cssvars-prefix}-gray-7'), 0.24);
719
719
  @dark-color-secondary-hover: rgba(var(~'@{arco-cssvars-prefix}-gray-8'), 0.16);
720
- @dark-color-text-4: rgba(255, 255, 255, 0.3);
720
+ @dark-color-text-4: rgb(158, 158, 158);
721
721
  @dark-color-primary-light-3: rgba(var(~'@{arco-cssvars-prefix}-primary-6'), 0.5);
722
722
  @dark-color-danger-light-1: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.2);
723
723
  @dark-color-danger-light-2: rgba(var(~'@{arco-cssvars-prefix}-danger-6'), 0.35);
package/tokens.less CHANGED
@@ -364,75 +364,75 @@
364
364
  @dark-gray-9: #dfdfdf;
365
365
  @dark-gray-10: #f6f6f6;
366
366
  @dark-primary-1: rgb(var(--arcoblue-1));
367
- @dark-primary-2: rgb(var(--arcoblue-2));
368
- @dark-primary-3: rgb(var(--arcoblue-3));
367
+ @dark-primary-2: #52295e;
368
+ @dark-primary-3: #52295e;
369
369
  @dark-primary-4: rgb(var(--arcoblue-4));
370
- @dark-primary-5: rgb(var(--arcoblue-5));
371
- @dark-primary-6: rgb(var(--arcoblue-6));
372
- @dark-primary-7: rgb(var(--arcoblue-7));
370
+ @dark-primary-5: #8b4e9c;
371
+ @dark-primary-6: #84329b;
372
+ @dark-primary-7: #5c236c;
373
373
  @dark-primary-8: rgb(var(--arcoblue-8));
374
374
  @dark-primary-9: rgb(var(--arcoblue-9));
375
375
  @dark-primary-10: rgb(var(--arcoblue-10));
376
- @dark-success-1: rgb(var(--green-1));
377
- @dark-success-2: rgb(var(--green-2));
378
- @dark-success-3: rgb(var(--green-3));
376
+ @dark-success-1: #4ca861;
377
+ @dark-success-2: #2c6c3b;
378
+ @dark-success-3: #2c6c3b;
379
379
  @dark-success-4: rgb(var(--green-4));
380
- @dark-success-5: rgb(var(--green-5));
381
- @dark-success-6: rgb(var(--green-6));
382
- @dark-success-7: rgb(var(--green-7));
380
+ @dark-success-5: #4ca861;
381
+ @dark-success-6: #28a745;
382
+ @dark-success-7: #1b702e;
383
383
  @dark-success-8: rgb(var(--green-8));
384
384
  @dark-success-9: rgb(var(--green-9));
385
385
  @dark-success-10: rgb(var(--green-10));
386
- @dark-danger-1: rgb(var(--red-1));
387
- @dark-danger-2: rgb(var(--red-2));
388
- @dark-danger-3: rgb(var(--red-3));
386
+ @dark-danger-1: #ff7879;
387
+ @dark-danger-2: #983f40;
388
+ @dark-danger-3: #983f40;
389
389
  @dark-danger-4: rgb(var(--red-4));
390
- @dark-danger-5: rgb(var(--red-5));
391
- @dark-danger-6: rgb(var(--red-6));
392
- @dark-danger-7: rgb(var(--red-7));
390
+ @dark-danger-5: #ff7879;
391
+ @dark-danger-6: #ff4d4f;
392
+ @dark-danger-7: #c83b3d;
393
393
  @dark-danger-8: rgb(var(--red-8));
394
394
  @dark-danger-9: rgb(var(--red-9));
395
395
  @dark-danger-10: rgb(var(--red-10));
396
- @dark-warning-1: rgb(var(--orange-1));
397
- @dark-warning-2: rgb(var(--orange-2));
398
- @dark-warning-3: rgb(var(--orange-3));
396
+ @dark-warning-1: #fdc14a;
397
+ @dark-warning-2: #956e22;
398
+ @dark-warning-3: #956e22;
399
399
  @dark-warning-4: rgb(var(--orange-4));
400
- @dark-warning-5: rgb(var(--orange-5));
401
- @dark-warning-6: rgb(var(--orange-6));
402
- @dark-warning-7: rgb(var(--orange-7));
400
+ @dark-warning-5: #fdc14a;
401
+ @dark-warning-6: #faad14;
402
+ @dark-warning-7: #c58910;
403
403
  @dark-warning-8: rgb(var(--orange-8));
404
404
  @dark-warning-9: rgb(var(--orange-9));
405
405
  @dark-warning-10: rgb(var(--orange-10));
406
- @dark-link-1: rgb(var(--arcoblue-1));
407
- @dark-link-2: rgb(var(--arcoblue-2));
408
- @dark-link-3: rgb(var(--arcoblue-3));
406
+ @dark-link-1: #8b4e9c;
407
+ @dark-link-2: #5a3166;
408
+ @dark-link-3: #5a3166;
409
409
  @dark-link-4: rgb(var(--arcoblue-4));
410
- @dark-link-5: rgb(var(--arcoblue-5));
411
- @dark-link-6: rgb(var(--arcoblue-6));
412
- @dark-link-7: rgb(var(--arcoblue-7));
410
+ @dark-link-5: #8b4e9c;
411
+ @dark-link-6: #84329b;
412
+ @dark-link-7: #5c236c;
413
413
  @dark-link-8: rgb(var(--arcoblue-8));
414
414
  @dark-link-9: rgb(var(--arcoblue-9));
415
415
  @dark-link-10: rgb(var(--arcoblue-10));
416
- @dark-color-white: rgba(255, 255, 255, 0.9);
416
+ @dark-color-white: #ffffff;
417
417
  @dark-color-black: #000000;
418
418
  @dark-mask-color-bg: rgba(23, 23, 26, 0.6);
419
419
  @dark-color-tooltip-bg: #373739;
420
420
  @dark-color-spin-layer-bg: rgba(51, 51, 51, 0.6);
421
421
  @dark-color-menu-dark-hover: var(--color-fill-2);
422
422
  @dark-color-border: #333335;
423
- @dark-color-bg-1: #17171A;
424
- @dark-color-bg-2: #232324;
425
- @dark-color-bg-3: #2a2a2b;
426
- @dark-color-bg-4: #313132;
427
- @dark-color-bg-5: #373739;
423
+ @dark-color-bg-1: #212121;
424
+ @dark-color-bg-2: #313131;
425
+ @dark-color-bg-3: #313131;
426
+ @dark-color-bg-4: #313131;
427
+ @dark-color-bg-5: #313131;
428
428
  @dark-color-bg-white: #f6f6f6;
429
- @dark-color-text-1: rgba(255, 255, 255, 0.9);
430
- @dark-color-text-2: rgba(255, 255, 255, 0.7);
431
- @dark-color-text-3: rgba(255, 255, 255, 0.5);
432
- @dark-color-text-4: rgba(255, 255, 255, 0.3);
433
- @dark-color-fill-1: rgba(255, 255, 255, 0.04);
434
- @dark-color-fill-2: rgba(255, 255, 255, 0.08);
435
- @dark-color-fill-3: rgba(255, 255, 255, 0.12);
429
+ @dark-color-text-1: #ffffff;
430
+ @dark-color-text-2: #9e9e9e;
431
+ @dark-color-text-3: #9e9e9e;
432
+ @dark-color-text-4: #9e9e9e;
433
+ @dark-color-fill-1: #313131;
434
+ @dark-color-fill-2: #313131;
435
+ @dark-color-fill-3: #494949;
436
436
  @dark-color-fill-4: rgba(255, 255, 255, 0.16);
437
437
  @dark-color-primary-light-1: rgba(var(--primary-6), 0.2);
438
438
  @dark-color-primary-light-2: rgba(var(--primary-6), 0.35);
@@ -458,18 +458,18 @@
458
458
  @dark-color-link-light-2: rgba(var(--link-6), 0.35);
459
459
  @dark-color-link-light-3: rgba(var(--link-6), 0.5);
460
460
  @dark-color-link-light-4: rgba(var(--link-6), 0.65);
461
- @dark-color-border-1: #2e2e30;
462
- @dark-color-border-2: #484849;
463
- @dark-color-border-4: #929293;
464
- @dark-color-border-3: #5f5f60;
461
+ @dark-color-border-1: #313131;
462
+ @dark-color-border-2: rgba(8, 8, 8, 0.2);
463
+ @dark-color-border-4: #313131;
464
+ @dark-color-border-3: #313131;
465
465
 
466
466
 
467
467
  /*********** primary ***********/
468
468
 
469
- @primary-1: rgb(var(--arcoblue-1));
470
- @primary-2: rgb(var(--arcoblue-2));
471
- @primary-3: rgb(var(--arcoblue-3));
472
- @primary-4: rgb(var(--arcoblue-4));
469
+ @primary-1: #e0d4f2;
470
+ @primary-2: #52295e;
471
+ @primary-3: #52295e;
472
+ @primary-4: #e0d4f2;
473
473
  @primary-5: #8b4e9c;
474
474
  @primary-6: #84329b;
475
475
  @primary-7: #5c236c;
@@ -751,15 +751,15 @@
751
751
  @color-bg-1: #212121;
752
752
  @color-bg-2: #080808;
753
753
  @color-bg-3: #313131;
754
- @color-bg-4: #ffffff;
755
- @color-bg-5: #ffffff;
754
+ @color-bg-4: #313131;
755
+ @color-bg-5: #313131;
756
756
  @color-bg-white: #ffffff;
757
757
  @color-text-1: #ffffff;
758
758
  @color-text-2: #9e9e9e;
759
759
  @color-text-3: #9e9e9e;
760
760
  @color-text-4: #9e9e9e;
761
761
  @color-fill-1: var(--color-neutral-1);
762
- @color-fill-2: var(--color-neutral-2);
762
+ @color-fill-2: #080808;
763
763
  @color-fill-3: var(--color-neutral-3);
764
764
  @color-fill-4: var(--color-neutral-4);
765
765
  @color-border-1: #313131;