@arco-themes/vue-cube-theme 0.0.1 → 0.0.2-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/css/arco.css +1 -1
- package/package.json +2 -2
- package/theme.css +41 -41
- package/theme.less +41 -41
- package/tokens.less +41 -41
- package/variables.less +41 -41
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.2-beta.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "yangjh168",
|
|
6
6
|
"owners": [],
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
],
|
|
13
13
|
"customIcon": {},
|
|
14
14
|
"depLibrary": "@arco-design/web-vue",
|
|
15
|
-
"tag": "
|
|
15
|
+
"tag": "beta",
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@arco-design/web-vue": "^2.58.0"
|
|
18
18
|
}
|
package/theme.css
CHANGED
|
@@ -22,9 +22,9 @@ 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: #
|
|
26
|
-
--color-text-2:
|
|
27
|
-
--color-text-3:
|
|
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
28
|
--color-text-4: #c2c2c2;
|
|
29
29
|
--color-fill-1: #fafafa;
|
|
30
30
|
--color-fill-2: var(--color-neutral-2);
|
|
@@ -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.
|
|
84
|
-
--color-text-3: rgba(255, 255, 255, 0.
|
|
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:
|
|
267
|
-
--primary-2:
|
|
268
|
-
--primary-3:
|
|
269
|
-
--primary-4:
|
|
270
|
-
--primary-5:
|
|
271
|
-
--primary-6:
|
|
272
|
-
--primary-7:
|
|
266
|
+
--primary-1: 3, 194, 128;
|
|
267
|
+
--primary-2: 3, 194, 128;
|
|
268
|
+
--primary-3: 3, 194, 128;
|
|
269
|
+
--primary-4: 3, 194, 128;
|
|
270
|
+
--primary-5: 29, 200, 141;
|
|
271
|
+
--primary-6: 3, 194, 128;
|
|
272
|
+
--primary-7: 3, 194, 128;
|
|
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:
|
|
281
|
-
--link-6:
|
|
282
|
-
--link-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:
|
|
291
|
-
--success-6:
|
|
292
|
-
--success-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:
|
|
299
|
-
--danger-4:
|
|
300
|
-
--danger-5:
|
|
301
|
-
--danger-6:
|
|
302
|
-
--danger-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:
|
|
311
|
-
--warning-6:
|
|
312
|
-
--warning-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:
|
|
459
|
-
--primary-2:
|
|
460
|
-
--primary-3:
|
|
461
|
-
--primary-4:
|
|
462
|
-
--primary-5:
|
|
463
|
-
--primary-6:
|
|
464
|
-
--primary-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:
|
|
474
|
-
--link-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:
|
|
484
|
-
--success-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:
|
|
494
|
-
--danger-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:
|
|
504
|
-
--warning-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
|
@@ -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(
|
|
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(
|
|
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(
|
|
417
|
+
@primary-1: rgb(3, 194, 128);
|
|
418
418
|
@dark-red-8: #FBB0A7;
|
|
419
419
|
@success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
|
|
420
|
-
@primary-4: rgb(
|
|
420
|
+
@primary-4: rgb(3, 194, 128);
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
449
|
+
@dark-primary-1: rgb(3, 171, 111);
|
|
450
450
|
@dark-cyan-8: #90E9E1;
|
|
451
451
|
@dark-cyan-3: #11838B;
|
|
452
|
-
@danger-6: rgb(
|
|
452
|
+
@danger-6: rgb(255, 69, 58);
|
|
453
453
|
@dark-lime-1: #2A4D00;
|
|
454
|
-
@dark-primary-4: rgb(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
492
|
-
@primary-7: rgb(
|
|
491
|
+
@warning-5: rgb(255, 169, 35);
|
|
492
|
+
@primary-7: rgb(3, 194, 128);
|
|
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(
|
|
499
|
+
@success-7: rgb(26, 204, 133);
|
|
500
500
|
@dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
|
|
501
|
-
@dark-primary-5: rgb(
|
|
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(
|
|
507
|
-
@dark-danger-6: rgb(
|
|
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(
|
|
509
|
+
@primary-2: rgb(3, 194, 128);
|
|
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(
|
|
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(
|
|
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(
|
|
533
|
+
@dark-success-6: rgb(0, 178, 107);
|
|
534
534
|
@dark-lime-6: #B8E24B;
|
|
535
|
-
@warning-6: rgb(
|
|
536
|
-
@link-6: rgb(
|
|
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(
|
|
538
|
+
@primary-5: rgb(29, 200, 141);
|
|
539
539
|
@dark-orange-9: #FFE3B8;
|
|
540
540
|
@dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
|
|
541
|
-
@primary-3: rgb(
|
|
541
|
+
@primary-3: rgb(3, 194, 128);
|
|
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(
|
|
549
|
+
@dark-success-7: rgb(0, 160, 96);
|
|
550
550
|
@warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
|
|
551
|
-
@danger-3: rgb(
|
|
551
|
+
@danger-3: rgb(255, 69, 58);
|
|
552
552
|
@dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
|
|
553
|
-
@dark-link-7: rgb(
|
|
554
|
-
@warning-7: rgb(
|
|
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(
|
|
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(
|
|
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(
|
|
572
|
-
@link-7: rgb(
|
|
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(
|
|
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,15 +590,15 @@
|
|
|
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(
|
|
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,
|
|
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:
|
|
599
|
-
@color-text-2:
|
|
598
|
+
@color-text-3: rgba(0,0,0,0.24);
|
|
599
|
+
@color-text-2: rgba(0,0,0,0.56);
|
|
600
600
|
@color-text-4: rgb(194, 194, 194);
|
|
601
|
-
@dark-color-text-3: rgba(255,
|
|
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');
|
package/tokens.less
CHANGED
|
@@ -363,13 +363,13 @@
|
|
|
363
363
|
@dark-gray-8: #c5c5c5;
|
|
364
364
|
@dark-gray-9: #dfdfdf;
|
|
365
365
|
@dark-gray-10: #f6f6f6;
|
|
366
|
-
@dark-primary-1:
|
|
367
|
-
@dark-primary-2:
|
|
368
|
-
@dark-primary-3:
|
|
369
|
-
@dark-primary-4:
|
|
370
|
-
@dark-primary-5:
|
|
371
|
-
@dark-primary-6:
|
|
372
|
-
@dark-primary-7:
|
|
366
|
+
@dark-primary-1: #03ab6f;
|
|
367
|
+
@dark-primary-2: #03ab6f;
|
|
368
|
+
@dark-primary-3: #03ab6f;
|
|
369
|
+
@dark-primary-4: #03ab6f;
|
|
370
|
+
@dark-primary-5: #039a6f;
|
|
371
|
+
@dark-primary-6: #03ab6f;
|
|
372
|
+
@dark-primary-7: #03ab6f;
|
|
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));
|
|
@@ -378,8 +378,8 @@
|
|
|
378
378
|
@dark-success-3: rgb(var(--green-3));
|
|
379
379
|
@dark-success-4: rgb(var(--green-4));
|
|
380
380
|
@dark-success-5: rgb(var(--green-5));
|
|
381
|
-
@dark-success-6:
|
|
382
|
-
@dark-success-7:
|
|
381
|
+
@dark-success-6: #00b26b;
|
|
382
|
+
@dark-success-7: #00a060;
|
|
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));
|
|
@@ -388,8 +388,8 @@
|
|
|
388
388
|
@dark-danger-3: rgb(var(--red-3));
|
|
389
389
|
@dark-danger-4: rgb(var(--red-4));
|
|
390
390
|
@dark-danger-5: rgb(var(--red-5));
|
|
391
|
-
@dark-danger-6:
|
|
392
|
-
@dark-danger-7:
|
|
391
|
+
@dark-danger-6: #ff3b30;
|
|
392
|
+
@dark-danger-7: #e5291e;
|
|
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));
|
|
@@ -398,8 +398,8 @@
|
|
|
398
398
|
@dark-warning-3: rgb(var(--orange-3));
|
|
399
399
|
@dark-warning-4: rgb(var(--orange-4));
|
|
400
400
|
@dark-warning-5: rgb(var(--orange-5));
|
|
401
|
-
@dark-warning-6:
|
|
402
|
-
@dark-warning-7:
|
|
401
|
+
@dark-warning-6: #f59500;
|
|
402
|
+
@dark-warning-7: #f59500;
|
|
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));
|
|
@@ -408,8 +408,8 @@
|
|
|
408
408
|
@dark-link-3: rgb(var(--arcoblue-3));
|
|
409
409
|
@dark-link-4: rgb(var(--arcoblue-4));
|
|
410
410
|
@dark-link-5: rgb(var(--arcoblue-5));
|
|
411
|
-
@dark-link-6:
|
|
412
|
-
@dark-link-7:
|
|
411
|
+
@dark-link-6: #007fff;
|
|
412
|
+
@dark-link-7: #0072e5;
|
|
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));
|
|
@@ -427,8 +427,8 @@
|
|
|
427
427
|
@dark-color-bg-5: #373739;
|
|
428
428
|
@dark-color-bg-white: #f6f6f6;
|
|
429
429
|
@dark-color-text-1: rgba(255, 255, 255, 0.9);
|
|
430
|
-
@dark-color-text-2: rgba(255, 255, 255, 0.
|
|
431
|
-
@dark-color-text-3: rgba(255, 255, 255, 0.
|
|
430
|
+
@dark-color-text-2: rgba(255, 255, 255, 0.64);
|
|
431
|
+
@dark-color-text-3: rgba(255, 255, 255, 0.32);
|
|
432
432
|
@dark-color-text-4: rgba(255, 255, 255, 0.3);
|
|
433
433
|
@dark-color-fill-1: rgba(255, 255, 255, 0.04);
|
|
434
434
|
@dark-color-fill-2: rgba(255, 255, 255, 0.08);
|
|
@@ -466,13 +466,13 @@
|
|
|
466
466
|
|
|
467
467
|
/*********** primary ***********/
|
|
468
468
|
|
|
469
|
-
@primary-1:
|
|
470
|
-
@primary-2:
|
|
471
|
-
@primary-3:
|
|
472
|
-
@primary-4:
|
|
473
|
-
@primary-5:
|
|
474
|
-
@primary-6:
|
|
475
|
-
@primary-7:
|
|
469
|
+
@primary-1: #03c280;
|
|
470
|
+
@primary-2: #03c280;
|
|
471
|
+
@primary-3: #03c280;
|
|
472
|
+
@primary-4: #03c280;
|
|
473
|
+
@primary-5: #1dc88d;
|
|
474
|
+
@primary-6: #03c280;
|
|
475
|
+
@primary-7: #03c280;
|
|
476
476
|
@primary-8: rgb(var(--arcoblue-8));
|
|
477
477
|
@primary-9: rgb(var(--arcoblue-9));
|
|
478
478
|
@primary-10: rgb(var(--arcoblue-10));
|
|
@@ -484,9 +484,9 @@
|
|
|
484
484
|
@success-2: rgb(var(--green-2));
|
|
485
485
|
@success-3: rgb(var(--green-3));
|
|
486
486
|
@success-4: rgb(var(--green-4));
|
|
487
|
-
@success-5:
|
|
488
|
-
@success-6:
|
|
489
|
-
@success-7:
|
|
487
|
+
@success-5: #1acc85;
|
|
488
|
+
@success-6: #00c677;
|
|
489
|
+
@success-7: #1acc85;
|
|
490
490
|
@success-8: rgb(var(--green-8));
|
|
491
491
|
@success-9: rgb(var(--green-9));
|
|
492
492
|
@success-10: rgb(var(--green-10));
|
|
@@ -496,11 +496,11 @@
|
|
|
496
496
|
|
|
497
497
|
@danger-1: rgb(var(--red-1));
|
|
498
498
|
@danger-2: rgb(var(--red-2));
|
|
499
|
-
@danger-3:
|
|
500
|
-
@danger-4:
|
|
501
|
-
@danger-5:
|
|
502
|
-
@danger-6:
|
|
503
|
-
@danger-7:
|
|
499
|
+
@danger-3: #ff453a;
|
|
500
|
+
@danger-4: #ff453a;
|
|
501
|
+
@danger-5: #ff584e;
|
|
502
|
+
@danger-6: #ff453a;
|
|
503
|
+
@danger-7: #ff584e;
|
|
504
504
|
@danger-8: rgb(var(--red-8));
|
|
505
505
|
@danger-9: rgb(var(--red-9));
|
|
506
506
|
@danger-10: rgb(var(--red-10));
|
|
@@ -512,9 +512,9 @@
|
|
|
512
512
|
@warning-2: rgb(var(--orange-2));
|
|
513
513
|
@warning-3: rgb(var(--orange-3));
|
|
514
514
|
@warning-4: rgb(var(--orange-4));
|
|
515
|
-
@warning-5:
|
|
516
|
-
@warning-6:
|
|
517
|
-
@warning-7:
|
|
515
|
+
@warning-5: #ffa923;
|
|
516
|
+
@warning-6: #ff9f0a;
|
|
517
|
+
@warning-7: #ffa923;
|
|
518
518
|
@warning-8: rgb(var(--orange-8));
|
|
519
519
|
@warning-9: rgb(var(--orange-9));
|
|
520
520
|
@warning-10: rgb(var(--orange-10));
|
|
@@ -526,9 +526,9 @@
|
|
|
526
526
|
@link-2: rgb(var(--arcoblue-2));
|
|
527
527
|
@link-3: rgb(var(--arcoblue-3));
|
|
528
528
|
@link-4: rgb(var(--arcoblue-4));
|
|
529
|
-
@link-5:
|
|
530
|
-
@link-6:
|
|
531
|
-
@link-7:
|
|
529
|
+
@link-5: #2391ff;
|
|
530
|
+
@link-6: #0a84ff;
|
|
531
|
+
@link-7: #2391ff;
|
|
532
532
|
@link-8: rgb(var(--arcoblue-8));
|
|
533
533
|
@link-9: rgb(var(--arcoblue-9));
|
|
534
534
|
@link-10: rgb(var(--arcoblue-10));
|
|
@@ -754,9 +754,9 @@
|
|
|
754
754
|
@color-bg-4: #ffffff;
|
|
755
755
|
@color-bg-5: #ffffff;
|
|
756
756
|
@color-bg-white: #ffffff;
|
|
757
|
-
@color-text-1: #
|
|
758
|
-
@color-text-2:
|
|
759
|
-
@color-text-3:
|
|
757
|
+
@color-text-1: #000000;
|
|
758
|
+
@color-text-2: rgba(0, 0, 0, 0.56);
|
|
759
|
+
@color-text-3: rgba(0, 0, 0, 0.24);
|
|
760
760
|
@color-text-4: #c2c2c2;
|
|
761
761
|
@color-fill-1: #fafafa;
|
|
762
762
|
@color-fill-2: var(--color-neutral-2);
|