@arco-themes/vue-cube-theme 0.0.1 → 0.0.3

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 (10) hide show
  1. package/README.md +17 -0
  2. package/component.less +1 -0
  3. package/components/Modal/index.css +1 -0
  4. package/components/Modal/index.less +7 -0
  5. package/css/arco.css +2 -2
  6. package/package.json +2 -2
  7. package/theme.css +46 -46
  8. package/theme.less +50 -50
  9. package/tokens.less +139 -137
  10. package/variables.less +86 -61
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-cube-theme",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "description": "",
5
5
  "author": "yangjh168",
6
6
  "owners": [],
@@ -14,6 +14,6 @@
14
14
  "depLibrary": "@arco-design/web-vue",
15
15
  "tag": "latest",
16
16
  "peerDependencies": {
17
- "@arco-design/web-vue": "^2.58.0"
17
+ "@arco-design/web-vue": "^2.59.0"
18
18
  }
19
19
  }
package/theme.css CHANGED
@@ -7,9 +7,9 @@ body {
7
7
  --color-border: rgb(var(--gray-3));
8
8
  --color-bg-popup: var(--color-bg-5);
9
9
  --color-bg-1: #fff;
10
- --color-bg-2: #fff;
11
- --color-bg-3: #fff;
12
- --color-bg-4: #fff;
10
+ --color-bg-2: #ffffff;
11
+ --color-bg-3: #f0f1f3;
12
+ --color-bg-4: rgba(0, 0, 0, 0.1);
13
13
  --color-bg-5: #fff;
14
14
  --color-bg-white: #fff;
15
15
  --color-neutral-1: rgb(var(--gray-1));
@@ -22,13 +22,13 @@ 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: #121314;
26
- --color-text-2: #5c5c5c;
27
- --color-text-3: #909399;
28
- --color-text-4: #c2c2c2;
25
+ --color-text-1: #000000;
26
+ --color-text-2: rgba(0, 0, 0, 0.56);
27
+ --color-text-3: rgba(0, 0, 0, 0.24);
28
+ --color-text-4: rgba(0, 0, 0, 0.24);
29
29
  --color-fill-1: #fafafa;
30
30
  --color-fill-2: var(--color-neutral-2);
31
- --color-fill-3: var(--color-neutral-3);
31
+ --color-fill-3: #e6e7e9;
32
32
  --color-fill-4: var(--color-neutral-4);
33
33
  --color-border-1: #ebeef5;
34
34
  --color-border-2: #e5e6eb;
@@ -80,8 +80,8 @@ body[arco-theme='dark'] {
80
80
  --color-bg-5: #373739;
81
81
  --color-bg-white: #f6f6f6;
82
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);
83
+ --color-text-2: rgba(255, 255, 255, 0.64);
84
+ --color-text-3: rgba(255, 255, 255, 0.32);
85
85
  --color-text-4: rgba(255, 255, 255, 0.3);
86
86
  --color-fill-1: rgba(255, 255, 255, 0.04);
87
87
  --color-fill-2: rgba(255, 255, 255, 0.08);
@@ -263,13 +263,13 @@ 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);
266
+ --primary-1: 214, 244, 232;
267
+ --primary-2: 107, 119, 113;
268
+ --primary-3: 229, 245, 239;
269
+ --primary-4: 0, 134, 80;
270
+ --primary-5: 0, 135, 84;
271
+ --primary-6: 3, 194, 128;
272
+ --primary-7: 0, 127, 82;
273
273
  --primary-8: var(--arcoblue-8);
274
274
  --primary-9: var(--arcoblue-9);
275
275
  --primary-10: var(--arcoblue-10);
@@ -277,9 +277,9 @@ body {
277
277
  --link-2: var(--arcoblue-2);
278
278
  --link-3: var(--arcoblue-3);
279
279
  --link-4: var(--arcoblue-4);
280
- --link-5: var(--arcoblue-5);
281
- --link-6: var(--arcoblue-6);
282
- --link-7: var(--arcoblue-7);
280
+ --link-5: 35, 145, 255;
281
+ --link-6: 10, 132, 255;
282
+ --link-7: 35, 145, 255;
283
283
  --link-8: var(--arcoblue-8);
284
284
  --link-9: var(--arcoblue-9);
285
285
  --link-10: var(--arcoblue-10);
@@ -287,19 +287,19 @@ body {
287
287
  --success-2: var(--green-2);
288
288
  --success-3: var(--green-3);
289
289
  --success-4: var(--green-4);
290
- --success-5: var(--green-5);
291
- --success-6: var(--green-6);
292
- --success-7: var(--green-7);
290
+ --success-5: 26, 204, 133;
291
+ --success-6: 0, 198, 119;
292
+ --success-7: 26, 204, 133;
293
293
  --success-8: var(--green-8);
294
294
  --success-9: var(--green-9);
295
295
  --success-10: var(--green-10);
296
296
  --danger-1: var(--red-1);
297
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);
298
+ --danger-3: 255, 69, 58;
299
+ --danger-4: 255, 69, 58;
300
+ --danger-5: 255, 88, 78;
301
+ --danger-6: 255, 69, 58;
302
+ --danger-7: 255, 88, 78;
303
303
  --danger-8: var(--red-8);
304
304
  --danger-9: var(--red-9);
305
305
  --danger-10: var(--red-10);
@@ -307,9 +307,9 @@ body {
307
307
  --warning-2: var(--orange-2);
308
308
  --warning-3: var(--orange-3);
309
309
  --warning-4: var(--orange-4);
310
- --warning-5: var(--orange-5);
311
- --warning-6: var(--orange-6);
312
- --warning-7: var(--orange-7);
310
+ --warning-5: 255, 169, 35;
311
+ --warning-6: 255, 159, 10;
312
+ --warning-7: 255, 169, 35;
313
313
  --warning-8: var(--orange-8);
314
314
  --warning-9: var(--orange-9);
315
315
  --warning-10: var(--orange-10);
@@ -455,13 +455,13 @@ 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);
458
+ --primary-1: 3, 171, 111;
459
+ --primary-2: 3, 171, 111;
460
+ --primary-3: 3, 171, 111;
461
+ --primary-4: 3, 171, 111;
462
+ --primary-5: 3, 154, 111;
463
+ --primary-6: 3, 171, 111;
464
+ --primary-7: 3, 171, 111;
465
465
  --primary-8: var(--arcoblue-8);
466
466
  --primary-9: var(--arcoblue-9);
467
467
  --primary-10: var(--arcoblue-10);
@@ -470,8 +470,8 @@ body[arco-theme='dark'] {
470
470
  --link-3: var(--arcoblue-3);
471
471
  --link-4: var(--arcoblue-4);
472
472
  --link-5: var(--arcoblue-5);
473
- --link-6: var(--arcoblue-6);
474
- --link-7: var(--arcoblue-7);
473
+ --link-6: 0, 127, 255;
474
+ --link-7: 0, 114, 229;
475
475
  --link-8: var(--arcoblue-8);
476
476
  --link-9: var(--arcoblue-9);
477
477
  --link-10: var(--arcoblue-10);
@@ -480,8 +480,8 @@ body[arco-theme='dark'] {
480
480
  --success-3: var(--green-3);
481
481
  --success-4: var(--green-4);
482
482
  --success-5: var(--green-5);
483
- --success-6: var(--green-6);
484
- --success-7: var(--green-7);
483
+ --success-6: 0, 178, 107;
484
+ --success-7: 0, 160, 96;
485
485
  --success-8: var(--green-8);
486
486
  --success-9: var(--green-9);
487
487
  --success-10: var(--green-10);
@@ -490,8 +490,8 @@ body[arco-theme='dark'] {
490
490
  --danger-3: var(--red-3);
491
491
  --danger-4: var(--red-4);
492
492
  --danger-5: var(--red-5);
493
- --danger-6: var(--red-6);
494
- --danger-7: var(--red-7);
493
+ --danger-6: 255, 59, 48;
494
+ --danger-7: 229, 41, 30;
495
495
  --danger-8: var(--red-8);
496
496
  --danger-9: var(--red-9);
497
497
  --danger-10: var(--red-10);
@@ -500,8 +500,8 @@ body[arco-theme='dark'] {
500
500
  --warning-3: var(--orange-3);
501
501
  --warning-4: var(--orange-4);
502
502
  --warning-5: var(--orange-5);
503
- --warning-6: var(--orange-6);
504
- --warning-7: var(--orange-7);
503
+ --warning-6: 245, 149, 0;
504
+ --warning-7: 245, 149, 0;
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
@@ -210,10 +210,10 @@
210
210
  @spacing-20: 96px;
211
211
  @spacing-21: 100px;
212
212
  @spacing-22: 120px;
213
- @size-mini: @size-6;
214
- @size-small: @size-7;
215
- @size-default: @size-8;
216
- @size-large: @size-9;
213
+ @size-mini: @size-7;
214
+ @size-small: @size-8;
215
+ @size-default: @size-9;
216
+ @size-large: @size-12;
217
217
  @upload-prefix-cls: ~'@{prefix}-upload';
218
218
  @steps-prefix-cls: ~'@{prefix}-steps';
219
219
  @image-prefix-cls: ~'@{prefix}-image';
@@ -394,11 +394,11 @@
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(3, 171, 111);
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(0, 198, 119);
402
402
  @dark-gray-1: #17171a;
403
403
  @dark-yellow-4: #CFB325;
404
404
  @dark-primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
@@ -414,16 +414,16 @@
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(214, 244, 232);
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(0, 134, 80);
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(26, 204, 133);
427
427
  @dark-lime-4: #84B723;
428
428
  @dark-magenta-7: #F97AB8;
429
429
  @dark-yellow-8: #FDFA9D;
@@ -433,7 +433,7 @@
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(3, 171, 111);
437
437
  @dark-pinkpurple-2: #650370;
438
438
  @dark-green-5: #1DB440;
439
439
  @dark-purple-1: #16004D;
@@ -442,16 +442,16 @@
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(3, 194, 128);
446
446
  @dark-pinkpurple-6: #E13DDB;
447
447
  @dark-cyan-6: #3FD4CF;
448
448
  @dark-primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
449
- @dark-primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
449
+ @dark-primary-1: rgb(3, 171, 111);
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, 69, 58);
453
453
  @dark-lime-1: #2A4D00;
454
- @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
454
+ @dark-primary-4: rgb(3, 171, 111);
455
455
  @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
456
456
  @dark-orange-8: #FFCD87;
457
457
  @success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
@@ -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(3, 171, 111);
467
467
  @dark-gold-8: #FCE995;
468
468
  @dark-arcoblue-1: #000D4D;
469
469
  @dark-blue-6: #5AAAFB;
@@ -475,38 +475,38 @@
475
475
  @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
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'));
478
+ @dark-primary-7: rgb(3, 171, 111);
479
479
  @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
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(245, 149, 0);
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'));
491
+ @warning-5: rgb(255, 169, 35);
492
+ @primary-7: rgb(0, 127, 82);
493
493
  @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
494
494
  @dark-cyan-9: #BEF4ED;
495
495
  @link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
496
496
  @dark-magenta-4: #CB2B88;
497
497
  @warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
498
498
  @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
499
- @success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
499
+ @success-7: rgb(26, 204, 133);
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(3, 154, 111);
502
502
  @dark-gold-10: #FFFCE8;
503
503
  @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
504
504
  @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
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'));
506
+ @danger-5: rgb(255, 88, 78);
507
+ @dark-danger-6: rgb(255, 59, 48);
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(107, 119, 113);
510
510
  @dark-cyan-10: #F0FFFC;
511
511
  @dark-gray-10: #f6f6f6;
512
512
  @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
@@ -518,27 +518,27 @@
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(229, 41, 30);
522
522
  @dark-lime-8: #DEF198;
523
523
  @dark-arcoblue-10: #EAF4FF;
524
524
  @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
525
525
  @danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
526
526
  @dark-link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
527
- @link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
527
+ @link-5: rgb(35, 145, 255);
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
531
  @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
532
532
  @dark-magenta-5: #F545A6;
533
- @dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
533
+ @dark-success-6: rgb(0, 178, 107);
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'));
535
+ @warning-6: rgb(255, 159, 10);
536
+ @link-6: rgb(10, 132, 255);
537
537
  @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
538
- @primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
538
+ @primary-5: rgb(0, 135, 84);
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(229, 245, 239);
542
542
  @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
543
543
  @dark-orange-6: #FF9626;
544
544
  @dark-purple-5: #7B3DD1;
@@ -546,19 +546,19 @@
546
546
  @dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
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(0, 160, 96);
550
550
  @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
551
- @danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
551
+ @danger-3: rgb(255, 69, 58);
552
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'));
553
+ @dark-link-7: rgb(0, 114, 229);
554
+ @warning-7: rgb(255, 169, 35);
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(245, 149, 0);
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
- @danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
561
+ @danger-7: rgb(255, 88, 78);
562
562
  @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
563
563
  @dark-purple-3: #3E138F;
564
564
  @dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
@@ -568,14 +568,14 @@
568
568
  @dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
569
569
  @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
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'));
571
+ @danger-4: rgb(255, 69, 58);
572
+ @link-7: rgb(35, 145, 255);
573
573
  @link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
574
574
  @dark-blue-7: #7DC1FC;
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(0, 127, 255);
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'));
@@ -590,19 +590,19 @@
590
590
  @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
591
591
  @orange-4: #FFB65D;
592
592
  @dark-color-text-1: rgba(255, 255, 255, 0.9);
593
- @color-text-1: rgb(18, 19, 20);
593
+ @color-text-1: rgb(0, 0, 0);
594
594
  @color-bg-white: #ffffff;
595
595
  @color-white: #ffffff;
596
- @dark-color-text-2: rgba(255, 255, 255, 0.7);
596
+ @dark-color-text-2: rgba(255,255,255,0.64);
597
597
  @dark-color-white: rgba(255, 255, 255, 0.9);
598
- @color-text-3: rgb(144, 147, 153);
599
- @color-text-2: rgb(92, 92, 92);
600
- @color-text-4: rgb(194, 194, 194);
601
- @dark-color-text-3: rgba(255, 255, 255, 0.5);
598
+ @color-text-3: rgba(0,0,0,0.24);
599
+ @color-text-2: rgba(0,0,0,0.56);
600
+ @color-text-4: rgba(0,0,0,0.24);
601
+ @dark-color-text-3: rgba(255,255,255,0.32);
602
602
  @color-border-2: rgb(229, 230, 235);
603
603
  @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
604
604
  @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
605
- @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
605
+ @color-fill-3: rgb(230, 231, 233);
606
606
  @dark-color-bg-1: #17171A;
607
607
  @dark-color-fill-4: rgba(255, 255, 255, 0.16);
608
608
  @dark-color-bg-white: #f6f6f6;
@@ -617,14 +617,14 @@
617
617
  @dark-color-fill-2: rgba(255, 255, 255, 0.08);
618
618
  @dark-color-border-3: @dark-gray-4;
619
619
  @dark-color-fill-3: rgba(255, 255, 255, 0.12);
620
- @color-bg-3: #ffffff;
620
+ @color-bg-3: rgb(240, 241, 243);
621
621
  @dark-color-bg-2: #232324;
622
622
  @dark-color-bg-4: #313132;
623
623
  @dark-color-bg-5: #373739;
624
624
  @color-bg-5: #ffffff;
625
- @color-bg-4: #ffffff;
625
+ @color-bg-4: rgba(0,0,0,0.1);
626
626
  @dark-color-bg-3: #2a2a2b;
627
- @color-bg-2: #ffffff;
627
+ @color-bg-2: rgb(255, 255, 255);
628
628
  @color-border-3: rgb(220, 223, 230);
629
629
  @textarea-prefix-cls: ~'@{prefix}-textarea';
630
630
  @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));