@arco-themes/vue-genedesign 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 +11 -11
  5. package/theme.less +11 -11
  6. package/tokens.less +11 -11
  7. package/variables.less +11 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-genedesign",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "",
5
5
  "author": "Dear-peng",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -283,9 +283,9 @@ body {
283
283
  --link-8: var(--arcoblue-8);
284
284
  --link-9: var(--arcoblue-9);
285
285
  --link-10: var(--arcoblue-10);
286
- --success-1: 252, 164, 2;
287
- --success-2: var(--green-2);
288
- --success-3: 112, 193, 166;
286
+ --success-1: 225, 241, 236;
287
+ --success-2: 237, 247, 244;
288
+ --success-3: 169, 218, 202;
289
289
  --success-4: 193, 227, 216;
290
290
  --success-5: 74, 184, 147;
291
291
  --success-6: 38, 172, 128;
@@ -294,7 +294,7 @@ body {
294
294
  --success-9: var(--green-9);
295
295
  --success-10: var(--green-10);
296
296
  --danger-1: 250, 236, 235;
297
- --danger-2: var(--red-2);
297
+ --danger-2: 252, 244, 243;
298
298
  --danger-3: 253, 193, 182;
299
299
  --danger-4: 250, 217, 214;
300
300
  --danger-5: 245, 128, 107;
@@ -304,7 +304,7 @@ body {
304
304
  --danger-9: var(--red-9);
305
305
  --danger-10: var(--red-10);
306
306
  --warning-1: 248, 239, 224;
307
- --warning-2: var(--orange-2);
307
+ --warning-2: 251, 245, 236;
308
308
  --warning-3: 255, 205, 111;
309
309
  --warning-4: 253, 227, 177;
310
310
  --warning-5: 255, 177, 33;
@@ -314,7 +314,7 @@ body {
314
314
  --warning-9: var(--orange-9);
315
315
  --warning-10: var(--orange-10);
316
316
  --lenovored-1: 250, 217, 214;
317
- --lenovored-2: var(--arcoblue-2);
317
+ --lenovored-2: 252, 244, 243;
318
318
  --lenovored-3: 253, 193, 182;
319
319
  --lenovored-4: 250, 217, 214;
320
320
  --lenovored-5: 245, 128, 107;
@@ -324,7 +324,7 @@ body {
324
324
  --lenovored-9: var(--arcoblue-9);
325
325
  --lenovored-10: var(--arcoblue-10);
326
326
  --kohlrabiblue-1: 239, 245, 254;
327
- --kohlrabiblue-2: var(--arcoblue-2);
327
+ --kohlrabiblue-2: 242, 247, 254;
328
328
  --kohlrabiblue-3: 174, 200, 251;
329
329
  --kohlrabiblue-4: 212, 226, 253;
330
330
  --kohlrabiblue-5: 89, 137, 247;
@@ -334,7 +334,7 @@ body {
334
334
  --kohlrabiblue-9: var(--arcoblue-9);
335
335
  --kohlrabiblue-10: var(--arcoblue-10);
336
336
  --nightpurple-1: 229, 219, 252;
337
- --nightpurple-2: var(--arcoblue-2);
337
+ --nightpurple-2: 239, 233, 253;
338
338
  --nightpurple-3: 183, 152, 249;
339
339
  --nightpurple-4: 208, 191, 245;
340
340
  --nightpurple-5: 176, 136, 244;
@@ -344,7 +344,7 @@ body {
344
344
  --nightpurple-9: var(--arcoblue-9);
345
345
  --nightpurple-10: var(--arcoblue-10);
346
346
  --skyblue-1: 195, 237, 255;
347
- --skyblue-2: var(--arcoblue-2);
347
+ --skyblue-2: 219, 244, 255;
348
348
  --skyblue-3: 85, 195, 242;
349
349
  --skyblue-4: 145, 216, 246;
350
350
  --skyblue-5: 48, 185, 242;
@@ -354,7 +354,7 @@ body {
354
354
  --skyblue-9: var(--arcoblue-9);
355
355
  --skyblue-10: var(--arcoblue-10);
356
356
  --burgundyred-1: 241, 225, 237;
357
- --burgundyred-2: var(--arcoblue-2);
357
+ --burgundyred-2: 247, 239, 245;
358
358
  --burgundyred-3: 208, 173, 206;
359
359
  --burgundyred-4: 234, 214, 229;
360
360
  --burgundyred-5: 193, 149, 189;
@@ -364,7 +364,7 @@ body {
364
364
  --burgundyred-9: var(--arcoblue-9);
365
365
  --burgundyred-10: var(--arcoblue-10);
366
366
  --gery-1: 230, 226, 228;
367
- --gery-2: var(--arcoblue-2);
367
+ --gery-2: 240, 238, 239;
368
368
  --gery-3: 201, 197, 203;
369
369
  --gery-4: 211, 207, 213;
370
370
  --gery-5: 171, 168, 177;
package/theme.less CHANGED
@@ -456,13 +456,13 @@
456
456
  @dark-orange-8: #FFCD87;
457
457
  @success-4: rgb(193, 227, 216);
458
458
  @dark-cyan-7: #66DFD7;
459
- @success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
460
- @success-1: rgb(252, 164, 2);
459
+ @success-2: rgb(237, 247, 244);
460
+ @success-1: rgb(225, 241, 236);
461
461
  @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
462
462
  @dark-cyan-1: #00424D;
463
463
  @dark-gray-2: #2e2e30;
464
464
  @dark-lime-3: #629412;
465
- @success-3: rgb(112, 193, 166);
465
+ @success-3: rgb(169, 218, 202);
466
466
  @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
467
467
  @dark-gold-8: #FCE995;
468
468
  @dark-arcoblue-1: #000D4D;
@@ -557,7 +557,7 @@
557
557
  @dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
558
558
  @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
559
559
  @dark-pinkpurple-4: #B01BB6;
560
- @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
560
+ @warning-2: rgb(251, 245, 236);
561
561
  @danger-7: rgb(184, 37, 46);
562
562
  @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
563
563
  @dark-purple-3: #3E138F;
@@ -585,7 +585,7 @@
585
585
  @dark-success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
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
- @danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
588
+ @danger-2: rgb(252, 244, 243);
589
589
  @dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
590
590
  @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
591
591
  @orange-4: #FFB65D;
@@ -827,7 +827,7 @@
827
827
  @lenovored-10: #000D4D;
828
828
  @color-lenovored-4: rgb(var(~'@{arco-cssvars-prefix}-lenovored-4'));
829
829
  @color-lenovored-8: rgb(var(~'@{arco-cssvars-prefix}-lenovored-8'));
830
- @lenovored-2: #BEDAFF;
830
+ @lenovored-2: rgb(252, 244, 243);
831
831
  @lenovored-6: rgb(225, 37, 27);
832
832
  @dark-lenovored-7: #689FFF;
833
833
  @dark-lenovored-9: #BEDAFF;
@@ -842,7 +842,7 @@
842
842
  @color-kohlrabiblue-3: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-3'));
843
843
  @color-kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-8'));
844
844
  @dark-kohlrabiblue-8: #93BEFF;
845
- @kohlrabiblue-2: #BEDAFF;
845
+ @kohlrabiblue-2: rgb(242, 247, 254);
846
846
  @dark-kohlrabiblue-10: #EAF4FF;
847
847
  @dark-kohlrabiblue-6: #3C7EFF;
848
848
  @dark-kohlrabiblue-9: #BEDAFF;
@@ -884,7 +884,7 @@
884
884
  @nightpurple-1: rgb(229, 219, 252);
885
885
  @dark-nightpurple-4: #1D4DD2;
886
886
  @color-nightpurple-3: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-3'));
887
- @nightpurple-2: #BEDAFF;
887
+ @nightpurple-2: rgb(239, 233, 253);
888
888
  @dark-nightpurple-2: #041B79;
889
889
  @color-nightpurple-4: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-4'));
890
890
  @dark-nightpurple-1: #000D4D;
@@ -899,7 +899,7 @@
899
899
  @color-skyblue-1: rgb(var(~'@{arco-cssvars-prefix}-skyblue-1'));
900
900
  @dark-skyblue-6: #3C7EFF;
901
901
  @dark-skyblue-3: #0E32A6;
902
- @skyblue-2: #BEDAFF;
902
+ @skyblue-2: rgb(219, 244, 255);
903
903
  @dark-skyblue-5: #306FFF;
904
904
  @skyblue-6: rgb(3, 168, 238);
905
905
  @dark-skyblue-4: #1D4DD2;
@@ -954,7 +954,7 @@
954
954
  @dark-burgundyred-1: #000D4D;
955
955
  @color-burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-8'));
956
956
  @dark-burgundyred-6: #3C7EFF;
957
- @burgundyred-2: #BEDAFF;
957
+ @burgundyred-2: rgb(247, 239, 245);
958
958
  @burgundyred-8: #072CA6;
959
959
  @color-gery-2: rgb(var(~'@{arco-cssvars-prefix}-gery-2'));
960
960
  @dark-gery-4: #1D4DD2;
@@ -982,7 +982,7 @@
982
982
  @color-gery-10: rgb(var(~'@{arco-cssvars-prefix}-gery-10'));
983
983
  @gery-10: #000D4D;
984
984
  @color-gery-5: rgb(var(~'@{arco-cssvars-prefix}-gery-5'));
985
- @gery-2: #BEDAFF;
985
+ @gery-2: rgb(240, 238, 239);
986
986
  @color-gery-9: rgb(var(~'@{arco-cssvars-prefix}-gery-9'));
987
987
  @dark-gery-8: #93BEFF;
988
988
  @gery-9: #031A79;
package/tokens.less CHANGED
@@ -540,9 +540,9 @@
540
540
 
541
541
  /*********** success ***********/
542
542
 
543
- @success-1: #fca402;
544
- @success-2: rgb(var(--green-2));
545
- @success-3: #70c1a6;
543
+ @success-1: #e1f1ec;
544
+ @success-2: #edf7f4;
545
+ @success-3: #a9daca;
546
546
  @success-4: #c1e3d8;
547
547
  @success-5: #4ab893;
548
548
  @success-6: #26ac80;
@@ -555,7 +555,7 @@
555
555
  /*********** danger ***********/
556
556
 
557
557
  @danger-1: #faeceb;
558
- @danger-2: rgb(var(--red-2));
558
+ @danger-2: #fcf4f3;
559
559
  @danger-3: #fdc1b6;
560
560
  @danger-4: #fad9d6;
561
561
  @danger-5: #f5806b;
@@ -569,7 +569,7 @@
569
569
  /*********** warning ***********/
570
570
 
571
571
  @warning-1: #f8efe0;
572
- @warning-2: rgb(var(--orange-2));
572
+ @warning-2: #fbf5ec;
573
573
  @warning-3: #ffcd6f;
574
574
  @warning-4: #fde3b1;
575
575
  @warning-5: #ffb121;
@@ -4075,7 +4075,7 @@
4075
4075
  @lenovored-5: #f5806b;
4076
4076
  @lenovored-8: rgb(var(--arcoblue-8));
4077
4077
  @lenovored-10: rgb(var(--arcoblue-10));
4078
- @lenovored-2: rgb(var(--arcoblue-2));
4078
+ @lenovored-2: #fcf4f3;
4079
4079
  @lenovored-6: #e1251b;
4080
4080
 
4081
4081
 
@@ -4083,7 +4083,7 @@
4083
4083
 
4084
4084
  @kohlrabiblue-4: #d4e2fd;
4085
4085
  @kohlrabiblue-1: #eff5fe;
4086
- @kohlrabiblue-2: rgb(var(--arcoblue-2));
4086
+ @kohlrabiblue-2: #f2f7fe;
4087
4087
  @kohlrabiblue-10: rgb(var(--arcoblue-10));
4088
4088
  @kohlrabiblue-9: rgb(var(--arcoblue-9));
4089
4089
  @kohlrabiblue-5: #5989f7;
@@ -4101,7 +4101,7 @@
4101
4101
  @nightpurple-3: #b798f9;
4102
4102
  @nightpurple-4: #d0bff5;
4103
4103
  @nightpurple-1: #e5dbfc;
4104
- @nightpurple-2: rgb(var(--arcoblue-2));
4104
+ @nightpurple-2: #efe9fd;
4105
4105
  @nightpurple-10: rgb(var(--arcoblue-10));
4106
4106
  @nightpurple-8: rgb(var(--arcoblue-8));
4107
4107
  @nightpurple-9: rgb(var(--arcoblue-9));
@@ -4109,7 +4109,7 @@
4109
4109
 
4110
4110
  /*********** skyblue ***********/
4111
4111
 
4112
- @skyblue-2: rgb(var(--arcoblue-2));
4112
+ @skyblue-2: #dbf4ff;
4113
4113
  @skyblue-6: #03a8ee;
4114
4114
  @skyblue-1: #c3edff;
4115
4115
  @skyblue-3: #55c3f2;
@@ -4131,7 +4131,7 @@
4131
4131
  @burgundyred-7: #7a126b;
4132
4132
  @burgundyred-9: rgb(var(--arcoblue-9));
4133
4133
  @burgundyred-6: #923e86;
4134
- @burgundyred-2: rgb(var(--arcoblue-2));
4134
+ @burgundyred-2: #f7eff5;
4135
4135
  @burgundyred-8: rgb(var(--arcoblue-8));
4136
4136
 
4137
4137
 
@@ -4145,5 +4145,5 @@
4145
4145
  @gery-7: #4e444e;
4146
4146
  @gery-1: #e6e2e4;
4147
4147
  @gery-10: rgb(var(--arcoblue-10));
4148
- @gery-2: rgb(var(--arcoblue-2));
4148
+ @gery-2: #f0eeef;
4149
4149
  @gery-9: rgb(var(--arcoblue-9));
package/variables.less CHANGED
@@ -450,13 +450,13 @@
450
450
  @dark-orange-8: #FFCD87;
451
451
  @success-4: rgb(193, 227, 216);
452
452
  @dark-cyan-7: #66DFD7;
453
- @success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
454
- @success-1: rgb(252, 164, 2);
453
+ @success-2: rgb(237, 247, 244);
454
+ @success-1: rgb(225, 241, 236);
455
455
  @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
456
456
  @dark-cyan-1: #00424D;
457
457
  @dark-gray-2: #2e2e30;
458
458
  @dark-lime-3: #629412;
459
- @success-3: rgb(112, 193, 166);
459
+ @success-3: rgb(169, 218, 202);
460
460
  @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
461
461
  @dark-gold-8: #FCE995;
462
462
  @dark-arcoblue-1: #000D4D;
@@ -551,7 +551,7 @@
551
551
  @dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
552
552
  @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
553
553
  @dark-pinkpurple-4: #B01BB6;
554
- @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
554
+ @warning-2: rgb(251, 245, 236);
555
555
  @danger-7: rgb(184, 37, 46);
556
556
  @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
557
557
  @dark-purple-3: #3E138F;
@@ -579,7 +579,7 @@
579
579
  @dark-success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
580
580
  @dark-link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
581
581
  @dark-success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
582
- @danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
582
+ @danger-2: rgb(252, 244, 243);
583
583
  @dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
584
584
  @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
585
585
  @orange-4: #FFB65D;
@@ -821,7 +821,7 @@
821
821
  @lenovored-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
822
822
  @color-lenovored-4: rgb(var(~'@{arco-cssvars-prefix}-lenovored-4'));
823
823
  @color-lenovored-8: rgb(var(~'@{arco-cssvars-prefix}-lenovored-8'));
824
- @lenovored-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
824
+ @lenovored-2: rgb(252, 244, 243);
825
825
  @lenovored-6: rgb(225, 37, 27);
826
826
  @dark-lenovored-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
827
827
  @dark-lenovored-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
@@ -836,7 +836,7 @@
836
836
  @color-kohlrabiblue-3: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-3'));
837
837
  @color-kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-kohlrabiblue-8'));
838
838
  @dark-kohlrabiblue-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
839
- @kohlrabiblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
839
+ @kohlrabiblue-2: rgb(242, 247, 254);
840
840
  @dark-kohlrabiblue-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
841
841
  @dark-kohlrabiblue-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
842
842
  @dark-kohlrabiblue-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
@@ -878,7 +878,7 @@
878
878
  @nightpurple-1: rgb(229, 219, 252);
879
879
  @dark-nightpurple-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
880
880
  @color-nightpurple-3: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-3'));
881
- @nightpurple-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
881
+ @nightpurple-2: rgb(239, 233, 253);
882
882
  @dark-nightpurple-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
883
883
  @color-nightpurple-4: rgb(var(~'@{arco-cssvars-prefix}-nightpurple-4'));
884
884
  @dark-nightpurple-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
@@ -893,7 +893,7 @@
893
893
  @color-skyblue-1: rgb(var(~'@{arco-cssvars-prefix}-skyblue-1'));
894
894
  @dark-skyblue-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
895
895
  @dark-skyblue-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
896
- @skyblue-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
896
+ @skyblue-2: rgb(219, 244, 255);
897
897
  @dark-skyblue-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
898
898
  @skyblue-6: rgb(3, 168, 238);
899
899
  @dark-skyblue-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
@@ -948,7 +948,7 @@
948
948
  @dark-burgundyred-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
949
949
  @color-burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-burgundyred-8'));
950
950
  @dark-burgundyred-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
951
- @burgundyred-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
951
+ @burgundyred-2: rgb(247, 239, 245);
952
952
  @burgundyred-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
953
953
  @color-gery-2: rgb(var(~'@{arco-cssvars-prefix}-gery-2'));
954
954
  @dark-gery-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
@@ -976,7 +976,7 @@
976
976
  @color-gery-10: rgb(var(~'@{arco-cssvars-prefix}-gery-10'));
977
977
  @gery-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
978
978
  @color-gery-5: rgb(var(~'@{arco-cssvars-prefix}-gery-5'));
979
- @gery-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
979
+ @gery-2: rgb(240, 238, 239);
980
980
  @color-gery-9: rgb(var(~'@{arco-cssvars-prefix}-gery-9'));
981
981
  @dark-gery-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
982
982
  @gery-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));