@arco-themes/vue-startrek 0.0.7 → 0.0.9
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 +14 -0
- package/css/arco.css +1 -1
- package/package.json +1 -1
- package/theme.css +60 -0
- package/theme.less +150 -0
- package/tokens.less +119 -17
- package/variables.less +108 -0
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -317,6 +317,36 @@ body {
|
|
|
317
317
|
--color-text-6: #dce0e5;
|
|
318
318
|
--color-text-7: #f0f2f5;
|
|
319
319
|
--color-text-8: #f2f6fd;
|
|
320
|
+
--matchgreen-1: 232, 255, 243;
|
|
321
|
+
--matchgreen-2: 191, 243, 217;
|
|
322
|
+
--matchgreen-3: 153, 231, 195;
|
|
323
|
+
--matchgreen-4: 119, 218, 175;
|
|
324
|
+
--matchgreen-5: 87, 206, 158;
|
|
325
|
+
--matchgreen-6: 58, 194, 145;
|
|
326
|
+
--matchgreen-7: 37, 165, 122;
|
|
327
|
+
--matchgreen-8: 20, 135, 101;
|
|
328
|
+
--matchgreen-9: 8, 106, 80;
|
|
329
|
+
--matchgreen-10: 0, 77, 59;
|
|
330
|
+
--matchpurple-1: 246, 232, 255;
|
|
331
|
+
--matchpurple-2: 229, 196, 255;
|
|
332
|
+
--matchpurple-3: 210, 160, 255;
|
|
333
|
+
--matchpurple-4: 189, 123, 255;
|
|
334
|
+
--matchpurple-5: 166, 87, 255;
|
|
335
|
+
--matchpurple-6: 141, 51, 255;
|
|
336
|
+
--matchpurple-7: 103, 32, 210;
|
|
337
|
+
--matchpurple-8: 71, 17, 166;
|
|
338
|
+
--matchpurple-9: 44, 6, 121;
|
|
339
|
+
--matchpurple-10: 23, 0, 77;
|
|
340
|
+
--matchcyan-1: 232, 248, 255;
|
|
341
|
+
--matchcyan-2: 192, 233, 255;
|
|
342
|
+
--matchcyan-3: 152, 215, 255;
|
|
343
|
+
--matchcyan-4: 111, 195, 255;
|
|
344
|
+
--matchcyan-5: 71, 172, 255;
|
|
345
|
+
--matchcyan-6: 31, 147, 255;
|
|
346
|
+
--matchcyan-7: 19, 112, 210;
|
|
347
|
+
--matchcyan-8: 10, 80, 166;
|
|
348
|
+
--matchcyan-9: 4, 53, 121;
|
|
349
|
+
--matchcyan-10: 0, 29, 77;
|
|
320
350
|
}
|
|
321
351
|
body[arco-theme='dark'] {
|
|
322
352
|
--red-1: 77, 0, 10;
|
|
@@ -513,5 +543,35 @@ body[arco-theme='dark'] {
|
|
|
513
543
|
--color-text-6: #dce0e5;
|
|
514
544
|
--color-text-7: #f0f2f5;
|
|
515
545
|
--color-text-8: #f2f6fd;
|
|
546
|
+
--matchgreen-1: 0, 77, 59;
|
|
547
|
+
--matchgreen-2: 10, 106, 81;
|
|
548
|
+
--matchgreen-3: 27, 135, 103;
|
|
549
|
+
--matchgreen-4: 49, 165, 126;
|
|
550
|
+
--matchgreen-5: 77, 194, 152;
|
|
551
|
+
--matchgreen-6: 103, 206, 164;
|
|
552
|
+
--matchgreen-7: 133, 218, 181;
|
|
553
|
+
--matchgreen-8: 166, 231, 201;
|
|
554
|
+
--matchgreen-9: 201, 243, 222;
|
|
555
|
+
--matchgreen-10: 239, 255, 247;
|
|
556
|
+
--matchpurple-1: 23, 0, 77;
|
|
557
|
+
--matchpurple-2: 46, 8, 121;
|
|
558
|
+
--matchpurple-3: 75, 23, 166;
|
|
559
|
+
--matchpurple-4: 110, 44, 210;
|
|
560
|
+
--matchpurple-5: 152, 71, 255;
|
|
561
|
+
--matchpurple-6: 167, 89, 255;
|
|
562
|
+
--matchpurple-7: 190, 125, 255;
|
|
563
|
+
--matchpurple-8: 210, 161, 255;
|
|
564
|
+
--matchpurple-9: 229, 196, 255;
|
|
565
|
+
--matchpurple-10: 246, 232, 255;
|
|
566
|
+
--matchcyan-1: 0, 29, 77;
|
|
567
|
+
--matchcyan-2: 4, 53, 121;
|
|
568
|
+
--matchcyan-3: 15, 83, 166;
|
|
569
|
+
--matchcyan-4: 32, 119, 210;
|
|
570
|
+
--matchcyan-5: 54, 158, 255;
|
|
571
|
+
--matchcyan-6: 69, 171, 255;
|
|
572
|
+
--matchcyan-7: 110, 195, 255;
|
|
573
|
+
--matchcyan-8: 151, 215, 255;
|
|
574
|
+
--matchcyan-9: 192, 233, 255;
|
|
575
|
+
--matchcyan-10: 232, 248, 255;
|
|
516
576
|
}
|
|
517
577
|
|
package/theme.less
CHANGED
|
@@ -814,6 +814,96 @@
|
|
|
814
814
|
@dark-color-text-7: #f0f2f5;
|
|
815
815
|
@color-text-8: #f2f6fd;
|
|
816
816
|
@dark-color-text-8: #f2f6fd;
|
|
817
|
+
@color-matchgreen-1: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-1'));
|
|
818
|
+
@color-matchgreen-2: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-2'));
|
|
819
|
+
@dark-matchgreen-1: rgb(0, 77, 59);
|
|
820
|
+
@dark-matchgreen-3: rgb(27, 135, 103);
|
|
821
|
+
@dark-matchgreen-2: rgb(10, 106, 81);
|
|
822
|
+
@matchgreen-3: rgb(153, 231, 195);
|
|
823
|
+
@matchgreen-2: rgb(191, 243, 217);
|
|
824
|
+
@matchgreen-4: rgb(119, 218, 175);
|
|
825
|
+
@matchgreen-1: rgb(232, 255, 243);
|
|
826
|
+
@color-matchgreen-3: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-3'));
|
|
827
|
+
@dark-matchgreen-6: rgb(103, 206, 164);
|
|
828
|
+
@dark-matchgreen-4: rgb(49, 165, 126);
|
|
829
|
+
@matchgreen-5: rgb(87, 206, 158);
|
|
830
|
+
@color-matchgreen-5: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-5'));
|
|
831
|
+
@matchgreen-6: rgb(58, 194, 145);
|
|
832
|
+
@dark-matchgreen-5: rgb(77, 194, 152);
|
|
833
|
+
@color-matchgreen-4: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-4'));
|
|
834
|
+
@color-matchgreen-6: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-6'));
|
|
835
|
+
@dark-matchgreen-7: rgb(133, 218, 181);
|
|
836
|
+
@matchgreen-7: rgb(37, 165, 122);
|
|
837
|
+
@color-matchgreen-7: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-7'));
|
|
838
|
+
@dark-matchgreen-8: rgb(166, 231, 201);
|
|
839
|
+
@dark-matchgreen-9: rgb(201, 243, 222);
|
|
840
|
+
@color-matchgreen-9: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-9'));
|
|
841
|
+
@color-matchgreen-8: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-8'));
|
|
842
|
+
@matchgreen-9: rgb(8, 106, 80);
|
|
843
|
+
@color-matchgreen-10: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-10'));
|
|
844
|
+
@matchgreen-8: rgb(20, 135, 101);
|
|
845
|
+
@matchgreen-10: rgb(0, 77, 59);
|
|
846
|
+
@dark-matchgreen-10: rgb(239, 255, 247);
|
|
847
|
+
@dark-matchpurple-5: rgb(152, 71, 255);
|
|
848
|
+
@dark-matchpurple-3: rgb(75, 23, 166);
|
|
849
|
+
@color-matchpurple-7: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-7'));
|
|
850
|
+
@matchpurple-5: rgb(166, 87, 255);
|
|
851
|
+
@matchpurple-9: rgb(44, 6, 121);
|
|
852
|
+
@matchpurple-3: rgb(210, 160, 255);
|
|
853
|
+
@dark-matchpurple-4: rgb(110, 44, 210);
|
|
854
|
+
@matchpurple-1: rgb(246, 232, 255);
|
|
855
|
+
@matchpurple-2: rgb(229, 196, 255);
|
|
856
|
+
@color-matchpurple-6: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-6'));
|
|
857
|
+
@color-matchpurple-9: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-9'));
|
|
858
|
+
@matchpurple-8: rgb(71, 17, 166);
|
|
859
|
+
@matchpurple-4: rgb(189, 123, 255);
|
|
860
|
+
@dark-matchpurple-10: rgb(246, 232, 255);
|
|
861
|
+
@color-matchpurple-10: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-10'));
|
|
862
|
+
@matchpurple-7: rgb(103, 32, 210);
|
|
863
|
+
@color-matchpurple-3: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-3'));
|
|
864
|
+
@dark-matchpurple-7: rgb(190, 125, 255);
|
|
865
|
+
@color-matchpurple-4: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-4'));
|
|
866
|
+
@matchpurple-6: rgb(141, 51, 255);
|
|
867
|
+
@color-matchpurple-5: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-5'));
|
|
868
|
+
@dark-matchpurple-2: rgb(46, 8, 121);
|
|
869
|
+
@dark-matchpurple-6: rgb(167, 89, 255);
|
|
870
|
+
@dark-matchpurple-8: rgb(210, 161, 255);
|
|
871
|
+
@color-matchpurple-8: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-8'));
|
|
872
|
+
@color-matchpurple-2: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-2'));
|
|
873
|
+
@color-matchpurple-1: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-1'));
|
|
874
|
+
@dark-matchpurple-1: rgb(23, 0, 77);
|
|
875
|
+
@dark-matchpurple-9: rgb(229, 196, 255);
|
|
876
|
+
@matchpurple-10: rgb(23, 0, 77);
|
|
877
|
+
@color-matchcyan-1: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-1'));
|
|
878
|
+
@matchcyan-10: rgb(0, 29, 77);
|
|
879
|
+
@color-matchcyan-2: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-2'));
|
|
880
|
+
@color-matchcyan-3: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-3'));
|
|
881
|
+
@dark-matchcyan-9: rgb(192, 233, 255);
|
|
882
|
+
@dark-matchcyan-6: rgb(69, 171, 255);
|
|
883
|
+
@matchcyan-4: rgb(111, 195, 255);
|
|
884
|
+
@matchcyan-5: rgb(71, 172, 255);
|
|
885
|
+
@dark-matchcyan-4: rgb(32, 119, 210);
|
|
886
|
+
@matchcyan-1: rgb(232, 248, 255);
|
|
887
|
+
@matchcyan-9: rgb(4, 53, 121);
|
|
888
|
+
@dark-matchcyan-1: rgb(0, 29, 77);
|
|
889
|
+
@matchcyan-3: rgb(152, 215, 255);
|
|
890
|
+
@matchcyan-2: rgb(192, 233, 255);
|
|
891
|
+
@dark-matchcyan-7: rgb(110, 195, 255);
|
|
892
|
+
@dark-matchcyan-2: rgb(4, 53, 121);
|
|
893
|
+
@color-matchcyan-6: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-6'));
|
|
894
|
+
@color-matchcyan-10: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-10'));
|
|
895
|
+
@matchcyan-8: rgb(10, 80, 166);
|
|
896
|
+
@dark-matchcyan-5: rgb(54, 158, 255);
|
|
897
|
+
@dark-matchcyan-10: rgb(232, 248, 255);
|
|
898
|
+
@color-matchcyan-7: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-7'));
|
|
899
|
+
@color-matchcyan-4: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-4'));
|
|
900
|
+
@matchcyan-7: rgb(19, 112, 210);
|
|
901
|
+
@color-matchcyan-9: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-9'));
|
|
902
|
+
@matchcyan-6: rgb(31, 147, 255);
|
|
903
|
+
@dark-matchcyan-8: rgb(151, 215, 255);
|
|
904
|
+
@color-matchcyan-5: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-5'));
|
|
905
|
+
@color-matchcyan-8: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-8'));
|
|
906
|
+
@dark-matchcyan-3: rgb(15, 83, 166);
|
|
817
907
|
|
|
818
908
|
|
|
819
909
|
@arco-theme-tag: body;
|
|
@@ -1244,6 +1334,36 @@
|
|
|
1244
1334
|
@{arco-cssvars-prefix}-color-text-6: @color-text-6;
|
|
1245
1335
|
@{arco-cssvars-prefix}-color-text-7: @color-text-7;
|
|
1246
1336
|
@{arco-cssvars-prefix}-color-text-8: @color-text-8;
|
|
1337
|
+
@{arco-cssvars-prefix}-matchgreen-1: if(iscolor(@matchgreen-1), .getColorRgbStr(@matchgreen-1)[], replace(~'@{matchgreen-1}', 'rgb\((.*)\)$', '$1'));
|
|
1338
|
+
@{arco-cssvars-prefix}-matchgreen-2: if(iscolor(@matchgreen-2), .getColorRgbStr(@matchgreen-2)[], replace(~'@{matchgreen-2}', 'rgb\((.*)\)$', '$1'));
|
|
1339
|
+
@{arco-cssvars-prefix}-matchgreen-3: if(iscolor(@matchgreen-3), .getColorRgbStr(@matchgreen-3)[], replace(~'@{matchgreen-3}', 'rgb\((.*)\)$', '$1'));
|
|
1340
|
+
@{arco-cssvars-prefix}-matchgreen-4: if(iscolor(@matchgreen-4), .getColorRgbStr(@matchgreen-4)[], replace(~'@{matchgreen-4}', 'rgb\((.*)\)$', '$1'));
|
|
1341
|
+
@{arco-cssvars-prefix}-matchgreen-5: if(iscolor(@matchgreen-5), .getColorRgbStr(@matchgreen-5)[], replace(~'@{matchgreen-5}', 'rgb\((.*)\)$', '$1'));
|
|
1342
|
+
@{arco-cssvars-prefix}-matchgreen-6: if(iscolor(@matchgreen-6), .getColorRgbStr(@matchgreen-6)[], replace(~'@{matchgreen-6}', 'rgb\((.*)\)$', '$1'));
|
|
1343
|
+
@{arco-cssvars-prefix}-matchgreen-7: if(iscolor(@matchgreen-7), .getColorRgbStr(@matchgreen-7)[], replace(~'@{matchgreen-7}', 'rgb\((.*)\)$', '$1'));
|
|
1344
|
+
@{arco-cssvars-prefix}-matchgreen-8: if(iscolor(@matchgreen-8), .getColorRgbStr(@matchgreen-8)[], replace(~'@{matchgreen-8}', 'rgb\((.*)\)$', '$1'));
|
|
1345
|
+
@{arco-cssvars-prefix}-matchgreen-9: if(iscolor(@matchgreen-9), .getColorRgbStr(@matchgreen-9)[], replace(~'@{matchgreen-9}', 'rgb\((.*)\)$', '$1'));
|
|
1346
|
+
@{arco-cssvars-prefix}-matchgreen-10: if(iscolor(@matchgreen-10), .getColorRgbStr(@matchgreen-10)[], replace(~'@{matchgreen-10}', 'rgb\((.*)\)$', '$1'));
|
|
1347
|
+
@{arco-cssvars-prefix}-matchpurple-1: if(iscolor(@matchpurple-1), .getColorRgbStr(@matchpurple-1)[], replace(~'@{matchpurple-1}', 'rgb\((.*)\)$', '$1'));
|
|
1348
|
+
@{arco-cssvars-prefix}-matchpurple-2: if(iscolor(@matchpurple-2), .getColorRgbStr(@matchpurple-2)[], replace(~'@{matchpurple-2}', 'rgb\((.*)\)$', '$1'));
|
|
1349
|
+
@{arco-cssvars-prefix}-matchpurple-3: if(iscolor(@matchpurple-3), .getColorRgbStr(@matchpurple-3)[], replace(~'@{matchpurple-3}', 'rgb\((.*)\)$', '$1'));
|
|
1350
|
+
@{arco-cssvars-prefix}-matchpurple-4: if(iscolor(@matchpurple-4), .getColorRgbStr(@matchpurple-4)[], replace(~'@{matchpurple-4}', 'rgb\((.*)\)$', '$1'));
|
|
1351
|
+
@{arco-cssvars-prefix}-matchpurple-5: if(iscolor(@matchpurple-5), .getColorRgbStr(@matchpurple-5)[], replace(~'@{matchpurple-5}', 'rgb\((.*)\)$', '$1'));
|
|
1352
|
+
@{arco-cssvars-prefix}-matchpurple-6: if(iscolor(@matchpurple-6), .getColorRgbStr(@matchpurple-6)[], replace(~'@{matchpurple-6}', 'rgb\((.*)\)$', '$1'));
|
|
1353
|
+
@{arco-cssvars-prefix}-matchpurple-7: if(iscolor(@matchpurple-7), .getColorRgbStr(@matchpurple-7)[], replace(~'@{matchpurple-7}', 'rgb\((.*)\)$', '$1'));
|
|
1354
|
+
@{arco-cssvars-prefix}-matchpurple-8: if(iscolor(@matchpurple-8), .getColorRgbStr(@matchpurple-8)[], replace(~'@{matchpurple-8}', 'rgb\((.*)\)$', '$1'));
|
|
1355
|
+
@{arco-cssvars-prefix}-matchpurple-9: if(iscolor(@matchpurple-9), .getColorRgbStr(@matchpurple-9)[], replace(~'@{matchpurple-9}', 'rgb\((.*)\)$', '$1'));
|
|
1356
|
+
@{arco-cssvars-prefix}-matchpurple-10: if(iscolor(@matchpurple-10), .getColorRgbStr(@matchpurple-10)[], replace(~'@{matchpurple-10}', 'rgb\((.*)\)$', '$1'));
|
|
1357
|
+
@{arco-cssvars-prefix}-matchcyan-1: if(iscolor(@matchcyan-1), .getColorRgbStr(@matchcyan-1)[], replace(~'@{matchcyan-1}', 'rgb\((.*)\)$', '$1'));
|
|
1358
|
+
@{arco-cssvars-prefix}-matchcyan-2: if(iscolor(@matchcyan-2), .getColorRgbStr(@matchcyan-2)[], replace(~'@{matchcyan-2}', 'rgb\((.*)\)$', '$1'));
|
|
1359
|
+
@{arco-cssvars-prefix}-matchcyan-3: if(iscolor(@matchcyan-3), .getColorRgbStr(@matchcyan-3)[], replace(~'@{matchcyan-3}', 'rgb\((.*)\)$', '$1'));
|
|
1360
|
+
@{arco-cssvars-prefix}-matchcyan-4: if(iscolor(@matchcyan-4), .getColorRgbStr(@matchcyan-4)[], replace(~'@{matchcyan-4}', 'rgb\((.*)\)$', '$1'));
|
|
1361
|
+
@{arco-cssvars-prefix}-matchcyan-5: if(iscolor(@matchcyan-5), .getColorRgbStr(@matchcyan-5)[], replace(~'@{matchcyan-5}', 'rgb\((.*)\)$', '$1'));
|
|
1362
|
+
@{arco-cssvars-prefix}-matchcyan-6: if(iscolor(@matchcyan-6), .getColorRgbStr(@matchcyan-6)[], replace(~'@{matchcyan-6}', 'rgb\((.*)\)$', '$1'));
|
|
1363
|
+
@{arco-cssvars-prefix}-matchcyan-7: if(iscolor(@matchcyan-7), .getColorRgbStr(@matchcyan-7)[], replace(~'@{matchcyan-7}', 'rgb\((.*)\)$', '$1'));
|
|
1364
|
+
@{arco-cssvars-prefix}-matchcyan-8: if(iscolor(@matchcyan-8), .getColorRgbStr(@matchcyan-8)[], replace(~'@{matchcyan-8}', 'rgb\((.*)\)$', '$1'));
|
|
1365
|
+
@{arco-cssvars-prefix}-matchcyan-9: if(iscolor(@matchcyan-9), .getColorRgbStr(@matchcyan-9)[], replace(~'@{matchcyan-9}', 'rgb\((.*)\)$', '$1'));
|
|
1366
|
+
@{arco-cssvars-prefix}-matchcyan-10: if(iscolor(@matchcyan-10), .getColorRgbStr(@matchcyan-10)[], replace(~'@{matchcyan-10}', 'rgb\((.*)\)$', '$1'));
|
|
1247
1367
|
|
|
1248
1368
|
}
|
|
1249
1369
|
|
|
@@ -1442,5 +1562,35 @@
|
|
|
1442
1562
|
@{arco-cssvars-prefix}-color-text-6: @dark-color-text-6;
|
|
1443
1563
|
@{arco-cssvars-prefix}-color-text-7: @dark-color-text-7;
|
|
1444
1564
|
@{arco-cssvars-prefix}-color-text-8: @dark-color-text-8;
|
|
1565
|
+
@{arco-cssvars-prefix}-matchgreen-1: if(iscolor(@dark-matchgreen-1), .getColorRgbStr(@dark-matchgreen-1)[], replace(~'@{dark-matchgreen-1}', 'rgb\((.*)\)$', '$1'));
|
|
1566
|
+
@{arco-cssvars-prefix}-matchgreen-2: if(iscolor(@dark-matchgreen-2), .getColorRgbStr(@dark-matchgreen-2)[], replace(~'@{dark-matchgreen-2}', 'rgb\((.*)\)$', '$1'));
|
|
1567
|
+
@{arco-cssvars-prefix}-matchgreen-3: if(iscolor(@dark-matchgreen-3), .getColorRgbStr(@dark-matchgreen-3)[], replace(~'@{dark-matchgreen-3}', 'rgb\((.*)\)$', '$1'));
|
|
1568
|
+
@{arco-cssvars-prefix}-matchgreen-4: if(iscolor(@dark-matchgreen-4), .getColorRgbStr(@dark-matchgreen-4)[], replace(~'@{dark-matchgreen-4}', 'rgb\((.*)\)$', '$1'));
|
|
1569
|
+
@{arco-cssvars-prefix}-matchgreen-5: if(iscolor(@dark-matchgreen-5), .getColorRgbStr(@dark-matchgreen-5)[], replace(~'@{dark-matchgreen-5}', 'rgb\((.*)\)$', '$1'));
|
|
1570
|
+
@{arco-cssvars-prefix}-matchgreen-6: if(iscolor(@dark-matchgreen-6), .getColorRgbStr(@dark-matchgreen-6)[], replace(~'@{dark-matchgreen-6}', 'rgb\((.*)\)$', '$1'));
|
|
1571
|
+
@{arco-cssvars-prefix}-matchgreen-7: if(iscolor(@dark-matchgreen-7), .getColorRgbStr(@dark-matchgreen-7)[], replace(~'@{dark-matchgreen-7}', 'rgb\((.*)\)$', '$1'));
|
|
1572
|
+
@{arco-cssvars-prefix}-matchgreen-8: if(iscolor(@dark-matchgreen-8), .getColorRgbStr(@dark-matchgreen-8)[], replace(~'@{dark-matchgreen-8}', 'rgb\((.*)\)$', '$1'));
|
|
1573
|
+
@{arco-cssvars-prefix}-matchgreen-9: if(iscolor(@dark-matchgreen-9), .getColorRgbStr(@dark-matchgreen-9)[], replace(~'@{dark-matchgreen-9}', 'rgb\((.*)\)$', '$1'));
|
|
1574
|
+
@{arco-cssvars-prefix}-matchgreen-10: if(iscolor(@dark-matchgreen-10), .getColorRgbStr(@dark-matchgreen-10)[], replace(~'@{dark-matchgreen-10}', 'rgb\((.*)\)$', '$1'));
|
|
1575
|
+
@{arco-cssvars-prefix}-matchpurple-1: if(iscolor(@dark-matchpurple-1), .getColorRgbStr(@dark-matchpurple-1)[], replace(~'@{dark-matchpurple-1}', 'rgb\((.*)\)$', '$1'));
|
|
1576
|
+
@{arco-cssvars-prefix}-matchpurple-2: if(iscolor(@dark-matchpurple-2), .getColorRgbStr(@dark-matchpurple-2)[], replace(~'@{dark-matchpurple-2}', 'rgb\((.*)\)$', '$1'));
|
|
1577
|
+
@{arco-cssvars-prefix}-matchpurple-3: if(iscolor(@dark-matchpurple-3), .getColorRgbStr(@dark-matchpurple-3)[], replace(~'@{dark-matchpurple-3}', 'rgb\((.*)\)$', '$1'));
|
|
1578
|
+
@{arco-cssvars-prefix}-matchpurple-4: if(iscolor(@dark-matchpurple-4), .getColorRgbStr(@dark-matchpurple-4)[], replace(~'@{dark-matchpurple-4}', 'rgb\((.*)\)$', '$1'));
|
|
1579
|
+
@{arco-cssvars-prefix}-matchpurple-5: if(iscolor(@dark-matchpurple-5), .getColorRgbStr(@dark-matchpurple-5)[], replace(~'@{dark-matchpurple-5}', 'rgb\((.*)\)$', '$1'));
|
|
1580
|
+
@{arco-cssvars-prefix}-matchpurple-6: if(iscolor(@dark-matchpurple-6), .getColorRgbStr(@dark-matchpurple-6)[], replace(~'@{dark-matchpurple-6}', 'rgb\((.*)\)$', '$1'));
|
|
1581
|
+
@{arco-cssvars-prefix}-matchpurple-7: if(iscolor(@dark-matchpurple-7), .getColorRgbStr(@dark-matchpurple-7)[], replace(~'@{dark-matchpurple-7}', 'rgb\((.*)\)$', '$1'));
|
|
1582
|
+
@{arco-cssvars-prefix}-matchpurple-8: if(iscolor(@dark-matchpurple-8), .getColorRgbStr(@dark-matchpurple-8)[], replace(~'@{dark-matchpurple-8}', 'rgb\((.*)\)$', '$1'));
|
|
1583
|
+
@{arco-cssvars-prefix}-matchpurple-9: if(iscolor(@dark-matchpurple-9), .getColorRgbStr(@dark-matchpurple-9)[], replace(~'@{dark-matchpurple-9}', 'rgb\((.*)\)$', '$1'));
|
|
1584
|
+
@{arco-cssvars-prefix}-matchpurple-10: if(iscolor(@dark-matchpurple-10), .getColorRgbStr(@dark-matchpurple-10)[], replace(~'@{dark-matchpurple-10}', 'rgb\((.*)\)$', '$1'));
|
|
1585
|
+
@{arco-cssvars-prefix}-matchcyan-1: if(iscolor(@dark-matchcyan-1), .getColorRgbStr(@dark-matchcyan-1)[], replace(~'@{dark-matchcyan-1}', 'rgb\((.*)\)$', '$1'));
|
|
1586
|
+
@{arco-cssvars-prefix}-matchcyan-2: if(iscolor(@dark-matchcyan-2), .getColorRgbStr(@dark-matchcyan-2)[], replace(~'@{dark-matchcyan-2}', 'rgb\((.*)\)$', '$1'));
|
|
1587
|
+
@{arco-cssvars-prefix}-matchcyan-3: if(iscolor(@dark-matchcyan-3), .getColorRgbStr(@dark-matchcyan-3)[], replace(~'@{dark-matchcyan-3}', 'rgb\((.*)\)$', '$1'));
|
|
1588
|
+
@{arco-cssvars-prefix}-matchcyan-4: if(iscolor(@dark-matchcyan-4), .getColorRgbStr(@dark-matchcyan-4)[], replace(~'@{dark-matchcyan-4}', 'rgb\((.*)\)$', '$1'));
|
|
1589
|
+
@{arco-cssvars-prefix}-matchcyan-5: if(iscolor(@dark-matchcyan-5), .getColorRgbStr(@dark-matchcyan-5)[], replace(~'@{dark-matchcyan-5}', 'rgb\((.*)\)$', '$1'));
|
|
1590
|
+
@{arco-cssvars-prefix}-matchcyan-6: if(iscolor(@dark-matchcyan-6), .getColorRgbStr(@dark-matchcyan-6)[], replace(~'@{dark-matchcyan-6}', 'rgb\((.*)\)$', '$1'));
|
|
1591
|
+
@{arco-cssvars-prefix}-matchcyan-7: if(iscolor(@dark-matchcyan-7), .getColorRgbStr(@dark-matchcyan-7)[], replace(~'@{dark-matchcyan-7}', 'rgb\((.*)\)$', '$1'));
|
|
1592
|
+
@{arco-cssvars-prefix}-matchcyan-8: if(iscolor(@dark-matchcyan-8), .getColorRgbStr(@dark-matchcyan-8)[], replace(~'@{dark-matchcyan-8}', 'rgb\((.*)\)$', '$1'));
|
|
1593
|
+
@{arco-cssvars-prefix}-matchcyan-9: if(iscolor(@dark-matchcyan-9), .getColorRgbStr(@dark-matchcyan-9)[], replace(~'@{dark-matchcyan-9}', 'rgb\((.*)\)$', '$1'));
|
|
1594
|
+
@{arco-cssvars-prefix}-matchcyan-10: if(iscolor(@dark-matchcyan-10), .getColorRgbStr(@dark-matchcyan-10)[], replace(~'@{dark-matchcyan-10}', 'rgb\((.*)\)$', '$1'));
|
|
1445
1595
|
|
|
1446
1596
|
}
|
package/tokens.less
CHANGED
|
@@ -466,6 +466,36 @@
|
|
|
466
466
|
@dark-color-text-6: #dce0e5;
|
|
467
467
|
@dark-color-text-7: #f0f2f5;
|
|
468
468
|
@dark-color-text-8: #f2f6fd;
|
|
469
|
+
@dark-matchgreen-1: #004d3b;
|
|
470
|
+
@dark-matchgreen-3: #1b8767;
|
|
471
|
+
@dark-matchgreen-2: #0a6a51;
|
|
472
|
+
@dark-matchgreen-6: #67cea4;
|
|
473
|
+
@dark-matchgreen-4: #31a57e;
|
|
474
|
+
@dark-matchgreen-5: #4dc298;
|
|
475
|
+
@dark-matchgreen-7: #85dab5;
|
|
476
|
+
@dark-matchgreen-8: #a6e7c9;
|
|
477
|
+
@dark-matchgreen-9: #c9f3de;
|
|
478
|
+
@dark-matchgreen-10: #effff7;
|
|
479
|
+
@dark-matchpurple-5: #9847ff;
|
|
480
|
+
@dark-matchpurple-3: #4b17a6;
|
|
481
|
+
@dark-matchpurple-4: #6e2cd2;
|
|
482
|
+
@dark-matchpurple-10: #f6e8ff;
|
|
483
|
+
@dark-matchpurple-7: #be7dff;
|
|
484
|
+
@dark-matchpurple-2: #2e0879;
|
|
485
|
+
@dark-matchpurple-6: #a759ff;
|
|
486
|
+
@dark-matchpurple-8: #d2a1ff;
|
|
487
|
+
@dark-matchpurple-1: #17004d;
|
|
488
|
+
@dark-matchpurple-9: #e5c4ff;
|
|
489
|
+
@dark-matchcyan-9: #c0e9ff;
|
|
490
|
+
@dark-matchcyan-6: #45abff;
|
|
491
|
+
@dark-matchcyan-4: #2077d2;
|
|
492
|
+
@dark-matchcyan-1: #001d4d;
|
|
493
|
+
@dark-matchcyan-7: #6ec3ff;
|
|
494
|
+
@dark-matchcyan-2: #043579;
|
|
495
|
+
@dark-matchcyan-5: #369eff;
|
|
496
|
+
@dark-matchcyan-10: #e8f8ff;
|
|
497
|
+
@dark-matchcyan-8: #97d7ff;
|
|
498
|
+
@dark-matchcyan-3: #0f53a6;
|
|
469
499
|
|
|
470
500
|
|
|
471
501
|
/*********** primary ***********/
|
|
@@ -799,6 +829,36 @@
|
|
|
799
829
|
@color-text-6: #dce0e5;
|
|
800
830
|
@color-text-7: #f0f2f5;
|
|
801
831
|
@color-text-8: #f2f6fd;
|
|
832
|
+
@color-matchgreen-1: rgb(var(--matchgreen-1));
|
|
833
|
+
@color-matchgreen-2: rgb(var(--matchgreen-2));
|
|
834
|
+
@color-matchgreen-3: rgb(var(--matchgreen-3));
|
|
835
|
+
@color-matchgreen-5: rgb(var(--matchgreen-5));
|
|
836
|
+
@color-matchgreen-4: rgb(var(--matchgreen-4));
|
|
837
|
+
@color-matchgreen-6: rgb(var(--matchgreen-6));
|
|
838
|
+
@color-matchgreen-7: rgb(var(--matchgreen-7));
|
|
839
|
+
@color-matchgreen-9: rgb(var(--matchgreen-9));
|
|
840
|
+
@color-matchgreen-8: rgb(var(--matchgreen-8));
|
|
841
|
+
@color-matchgreen-10: rgb(var(--matchgreen-10));
|
|
842
|
+
@color-matchpurple-7: rgb(var(--matchpurple-7));
|
|
843
|
+
@color-matchpurple-6: rgb(var(--matchpurple-6));
|
|
844
|
+
@color-matchpurple-9: rgb(var(--matchpurple-9));
|
|
845
|
+
@color-matchpurple-10: rgb(var(--matchpurple-10));
|
|
846
|
+
@color-matchpurple-3: rgb(var(--matchpurple-3));
|
|
847
|
+
@color-matchpurple-4: rgb(var(--matchpurple-4));
|
|
848
|
+
@color-matchpurple-5: rgb(var(--matchpurple-5));
|
|
849
|
+
@color-matchpurple-8: rgb(var(--matchpurple-8));
|
|
850
|
+
@color-matchpurple-2: rgb(var(--matchpurple-2));
|
|
851
|
+
@color-matchpurple-1: rgb(var(--matchpurple-1));
|
|
852
|
+
@color-matchcyan-1: rgb(var(--matchcyan-1));
|
|
853
|
+
@color-matchcyan-2: rgb(var(--matchcyan-2));
|
|
854
|
+
@color-matchcyan-3: rgb(var(--matchcyan-3));
|
|
855
|
+
@color-matchcyan-6: rgb(var(--matchcyan-6));
|
|
856
|
+
@color-matchcyan-10: rgb(var(--matchcyan-10));
|
|
857
|
+
@color-matchcyan-7: rgb(var(--matchcyan-7));
|
|
858
|
+
@color-matchcyan-4: rgb(var(--matchcyan-4));
|
|
859
|
+
@color-matchcyan-9: rgb(var(--matchcyan-9));
|
|
860
|
+
@color-matchcyan-5: rgb(var(--matchcyan-5));
|
|
861
|
+
@color-matchcyan-8: rgb(var(--matchcyan-8));
|
|
802
862
|
@color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
|
|
803
863
|
@color-panel-preview-size: 40px;
|
|
804
864
|
@color-control-bar-handle-size: @size-4;
|
|
@@ -1213,14 +1273,14 @@
|
|
|
1213
1273
|
@picker-color-shadow_error_focus: var(--color-danger-light-2);
|
|
1214
1274
|
@picker-size-shadow_error_focus: 0;
|
|
1215
1275
|
@picker-color-bg: transparent;
|
|
1216
|
-
@picker-color-bg_hover:
|
|
1217
|
-
@picker-color-bg_focus:
|
|
1276
|
+
@picker-color-bg_hover: transparent;
|
|
1277
|
+
@picker-color-bg_focus: transparent;
|
|
1218
1278
|
@picker-color-bg_disabled: #f0f2f5;
|
|
1219
1279
|
@picker-color-bg_error: var(--color-danger-light-1);
|
|
1220
1280
|
@picker-color-bg_error_hover: var(--color-danger-light-2);
|
|
1221
1281
|
@picker-color-bg_error_focus: var(--color-bg-2);
|
|
1222
1282
|
@picker-color-border: #dce0e5;
|
|
1223
|
-
@picker-color-border_hover:
|
|
1283
|
+
@picker-color-border_hover: rgb(var(--primary-6));
|
|
1224
1284
|
@picker-color-border_focus: rgb(var(--primary-6));
|
|
1225
1285
|
@picker-color-border_disabled: #dce0e5;
|
|
1226
1286
|
@picker-color-border_error: transparent;
|
|
@@ -1234,7 +1294,7 @@
|
|
|
1234
1294
|
@picker-color-icon_disabled: var(--color-text-4);
|
|
1235
1295
|
@picker-color-separator: var(--color-text-3);
|
|
1236
1296
|
@picker-color-separator_disabled: var(--color-text-4);
|
|
1237
|
-
@picker-range-color-bg-input_focus:
|
|
1297
|
+
@picker-range-color-bg-input_focus: #f2f6fd;
|
|
1238
1298
|
@picker-padding-horizontal: 4px;
|
|
1239
1299
|
@picker-input-padding-horizontal: 8px;
|
|
1240
1300
|
@picker-container-border-radius: var(--border-radius-medium);
|
|
@@ -1311,28 +1371,28 @@
|
|
|
1311
1371
|
@tag-default-color-border: transparent;
|
|
1312
1372
|
@tag-default-bordered-color-border: var(--color-border-2);
|
|
1313
1373
|
@tag-default-color-border_hover: transparent;
|
|
1314
|
-
@tag-red-color-bg: rgb(var(--
|
|
1374
|
+
@tag-red-color-bg: rgb(var(--danger-1));
|
|
1315
1375
|
@tag-red-color-bg_hover: rgb(var(--red-2));
|
|
1316
1376
|
@tag-red-color-border: transparent;
|
|
1317
1377
|
@tag-red-bordered-color-border: rgb(var(--red-6));
|
|
1318
1378
|
@tag-red-color-border_hover: transparent;
|
|
1319
1379
|
@tag-red-color-icon: rgb(var(--red-6));
|
|
1320
1380
|
@tag-red-color-icon-bg_hover: rgb(var(--red-2));
|
|
1321
|
-
@tag-red-color-text: rgb(var(--
|
|
1381
|
+
@tag-red-color-text: rgb(var(--danger-6));
|
|
1322
1382
|
@tag-orangered-color-bg: rgb(var(--orangered-1));
|
|
1323
1383
|
@tag-orangered-color-bg_hover: rgb(var(--orangered-2));
|
|
1324
1384
|
@tag-orangered-color-border: transparent;
|
|
1325
1385
|
@tag-orangered-bordered-color-border: rgb(var(--orangered-6));
|
|
1326
1386
|
@tag-orangered-color-border_hover: transparent;
|
|
1327
|
-
@tag-orangered-color-icon: rgb(var(--
|
|
1387
|
+
@tag-orangered-color-icon: rgb(var(--warning-6));
|
|
1328
1388
|
@tag-orangered-color-icon-bg_hover: rgb(var(--orangered-2));
|
|
1329
1389
|
@tag-orangered-color-text: rgb(var(--orangered-6));
|
|
1330
|
-
@tag-orange-color-bg: rgb(var(--
|
|
1390
|
+
@tag-orange-color-bg: rgb(var(--warning-1));
|
|
1331
1391
|
@tag-orange-color-bg_hover: rgb(var(--orange-2));
|
|
1332
1392
|
@tag-orange-color-border: transparent;
|
|
1333
1393
|
@tag-orange-bordered-color-border: rgb(var(--orange-6));
|
|
1334
1394
|
@tag-orange-color-border_hover: transparent;
|
|
1335
|
-
@tag-orange-color-icon: rgb(var(--
|
|
1395
|
+
@tag-orange-color-icon: rgb(var(--warning-6));
|
|
1336
1396
|
@tag-orange-color-icon-bg_hover: rgb(var(--orange-2));
|
|
1337
1397
|
@tag-orange-color-text: rgb(var(--orange-6));
|
|
1338
1398
|
@tag-gold-color-bg: rgb(var(--gold-1));
|
|
@@ -1356,7 +1416,7 @@
|
|
|
1356
1416
|
@tag-green-color-border: transparent;
|
|
1357
1417
|
@tag-green-bordered-color-border: rgb(var(--green-6));
|
|
1358
1418
|
@tag-green-color-border_hover: transparent;
|
|
1359
|
-
@tag-green-color-icon: rgb(var(--
|
|
1419
|
+
@tag-green-color-icon: rgb(var(--success-6));
|
|
1360
1420
|
@tag-green-color-icon-bg_hover: rgb(var(--green-2));
|
|
1361
1421
|
@tag-green-color-text: rgb(var(--green-6));
|
|
1362
1422
|
@tag-cyan-color-bg: rgb(var(--cyan-1));
|
|
@@ -1375,20 +1435,20 @@
|
|
|
1375
1435
|
@tag-blue-color-icon: rgb(var(--blue-6));
|
|
1376
1436
|
@tag-blue-color-icon-bg_hover: rgb(var(--blue-2));
|
|
1377
1437
|
@tag-blue-color-text: rgb(var(--blue-6));
|
|
1378
|
-
@tag-arcoblue-color-bg: rgb(var(--
|
|
1438
|
+
@tag-arcoblue-color-bg: rgb(var(--link-1));
|
|
1379
1439
|
@tag-arcoblue-color-bg_hover: rgb(var(--arcoblue-2));
|
|
1380
1440
|
@tag-arcoblue-color-border: transparent;
|
|
1381
1441
|
@tag-arcoblue-bordered-color-border: rgb(var(--arcoblue-6));
|
|
1382
1442
|
@tag-arcoblue-color-border_hover: transparent;
|
|
1383
|
-
@tag-arcoblue-color-icon: rgb(var(--
|
|
1443
|
+
@tag-arcoblue-color-icon: rgb(var(--link-6));
|
|
1384
1444
|
@tag-arcoblue-color-icon-bg_hover: rgb(var(--arcoblue-2));
|
|
1385
1445
|
@tag-arcoblue-color-text: rgb(var(--arcoblue-6));
|
|
1386
|
-
@tag-purple-color-bg: rgb(var(--
|
|
1446
|
+
@tag-purple-color-bg: rgb(var(--matchpurple-1));
|
|
1387
1447
|
@tag-purple-color-bg_hover: rgb(var(--purple-2));
|
|
1388
1448
|
@tag-purple-color-border: transparent;
|
|
1389
1449
|
@tag-purple-bordered-color-border: rgb(var(--purple-6));
|
|
1390
1450
|
@tag-purple-color-border_hover: transparent;
|
|
1391
|
-
@tag-purple-color-icon: rgb(var(--
|
|
1451
|
+
@tag-purple-color-icon: rgb(var(--matchpurple-6));
|
|
1392
1452
|
@tag-purple-color-icon-bg_hover: rgb(var(--purple-2));
|
|
1393
1453
|
@tag-purple-color-text: rgb(var(--purple-6));
|
|
1394
1454
|
@tag-pinkpurple-color-bg: rgb(var(--pinkpurple-1));
|
|
@@ -1407,14 +1467,14 @@
|
|
|
1407
1467
|
@tag-magenta-color-icon: rgb(var(--magenta-6));
|
|
1408
1468
|
@tag-magenta-color-icon-bg_hover: rgb(var(--magenta-2));
|
|
1409
1469
|
@tag-magenta-color-text: rgb(var(--magenta-6));
|
|
1410
|
-
@tag-gray-color-bg:
|
|
1470
|
+
@tag-gray-color-bg: #f2f6fd;
|
|
1411
1471
|
@tag-gray-color-bg_hover: rgb(var(--gray-3));
|
|
1412
1472
|
@tag-gray-color-border: transparent;
|
|
1413
1473
|
@tag-gray-bordered-color-border: rgb(var(--gray-6));
|
|
1414
1474
|
@tag-gray-color-border_hover: transparent;
|
|
1415
1475
|
@tag-gray-color-icon: rgb(var(--gray-6));
|
|
1416
1476
|
@tag-gray-color-icon-bg_hover: rgb(var(--gray-3));
|
|
1417
|
-
@tag-gray-color-text:
|
|
1477
|
+
@tag-gray-color-text: #5e6375;
|
|
1418
1478
|
@tag-prefix-cls: ~'@{prefix}-tag';
|
|
1419
1479
|
|
|
1420
1480
|
|
|
@@ -2162,7 +2222,7 @@
|
|
|
2162
2222
|
@checkbox-mask-height: 14px;
|
|
2163
2223
|
@checkbox-mask-bg-height: 24px;
|
|
2164
2224
|
@checkbox-mask-bg-color-bg: var(--color-fill-2);
|
|
2165
|
-
@checkbox-mask-color-bg:
|
|
2225
|
+
@checkbox-mask-color-bg: transparent;
|
|
2166
2226
|
@checkbox-mask-color-bg_checked: rgb(var(--primary-6));
|
|
2167
2227
|
@checkbox-mask-color-bg_disabled: var(--color-fill-2);
|
|
2168
2228
|
@checkbox-mask-color-bg_checked_disabled: var(--color-primary-light-3);
|
|
@@ -3930,3 +3990,45 @@
|
|
|
3930
3990
|
/*********** watermark ***********/
|
|
3931
3991
|
|
|
3932
3992
|
@watermark-prefix-cls: ~'@{prefix}-watermark';
|
|
3993
|
+
|
|
3994
|
+
|
|
3995
|
+
/*********** matchgreen ***********/
|
|
3996
|
+
|
|
3997
|
+
@matchgreen-3: #99e7c3;
|
|
3998
|
+
@matchgreen-2: #bff3d9;
|
|
3999
|
+
@matchgreen-4: #77daaf;
|
|
4000
|
+
@matchgreen-1: #e8fff3;
|
|
4001
|
+
@matchgreen-5: #57ce9e;
|
|
4002
|
+
@matchgreen-6: #3ac291;
|
|
4003
|
+
@matchgreen-7: #25a57a;
|
|
4004
|
+
@matchgreen-9: #086a50;
|
|
4005
|
+
@matchgreen-8: #148765;
|
|
4006
|
+
@matchgreen-10: #004d3b;
|
|
4007
|
+
|
|
4008
|
+
|
|
4009
|
+
/*********** matchpurple ***********/
|
|
4010
|
+
|
|
4011
|
+
@matchpurple-5: #a657ff;
|
|
4012
|
+
@matchpurple-9: #2c0679;
|
|
4013
|
+
@matchpurple-3: #d2a0ff;
|
|
4014
|
+
@matchpurple-1: #f6e8ff;
|
|
4015
|
+
@matchpurple-2: #e5c4ff;
|
|
4016
|
+
@matchpurple-8: #4711a6;
|
|
4017
|
+
@matchpurple-4: #bd7bff;
|
|
4018
|
+
@matchpurple-7: #6720d2;
|
|
4019
|
+
@matchpurple-6: #8d33ff;
|
|
4020
|
+
@matchpurple-10: #17004d;
|
|
4021
|
+
|
|
4022
|
+
|
|
4023
|
+
/*********** matchcyan ***********/
|
|
4024
|
+
|
|
4025
|
+
@matchcyan-10: #001d4d;
|
|
4026
|
+
@matchcyan-4: #6fc3ff;
|
|
4027
|
+
@matchcyan-5: #47acff;
|
|
4028
|
+
@matchcyan-1: #e8f8ff;
|
|
4029
|
+
@matchcyan-9: #043579;
|
|
4030
|
+
@matchcyan-3: #98d7ff;
|
|
4031
|
+
@matchcyan-2: #c0e9ff;
|
|
4032
|
+
@matchcyan-8: #0a50a6;
|
|
4033
|
+
@matchcyan-7: #1370d2;
|
|
4034
|
+
@matchcyan-6: #1f93ff;
|
package/variables.less
CHANGED
|
@@ -838,3 +838,111 @@
|
|
|
838
838
|
@table-color-bg-body-cell: @color-bg-white;
|
|
839
839
|
@table-color-border: @color-border-1;
|
|
840
840
|
@table-color-bg-body-row_hover: @color-fill-1;
|
|
841
|
+
@tag-gray-color-bg: @color-bg-2;
|
|
842
|
+
@tag-gray-color-text: @color-text-3;
|
|
843
|
+
@color-matchgreen-1: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-1'));
|
|
844
|
+
@color-matchgreen-2: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-2'));
|
|
845
|
+
@dark-matchgreen-1: rgb(0, 77, 59);
|
|
846
|
+
@dark-matchgreen-3: rgb(27, 135, 103);
|
|
847
|
+
@dark-matchgreen-2: rgb(10, 106, 81);
|
|
848
|
+
@matchgreen-3: rgb(153, 231, 195);
|
|
849
|
+
@matchgreen-2: rgb(191, 243, 217);
|
|
850
|
+
@matchgreen-4: rgb(119, 218, 175);
|
|
851
|
+
@matchgreen-1: rgb(232, 255, 243);
|
|
852
|
+
@color-matchgreen-3: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-3'));
|
|
853
|
+
@dark-matchgreen-6: rgb(103, 206, 164);
|
|
854
|
+
@dark-matchgreen-4: rgb(49, 165, 126);
|
|
855
|
+
@matchgreen-5: rgb(87, 206, 158);
|
|
856
|
+
@color-matchgreen-5: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-5'));
|
|
857
|
+
@matchgreen-6: rgb(58, 194, 145);
|
|
858
|
+
@dark-matchgreen-5: rgb(77, 194, 152);
|
|
859
|
+
@color-matchgreen-4: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-4'));
|
|
860
|
+
@color-matchgreen-6: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-6'));
|
|
861
|
+
@dark-matchgreen-7: rgb(133, 218, 181);
|
|
862
|
+
@matchgreen-7: rgb(37, 165, 122);
|
|
863
|
+
@color-matchgreen-7: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-7'));
|
|
864
|
+
@dark-matchgreen-8: rgb(166, 231, 201);
|
|
865
|
+
@dark-matchgreen-9: rgb(201, 243, 222);
|
|
866
|
+
@color-matchgreen-9: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-9'));
|
|
867
|
+
@color-matchgreen-8: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-8'));
|
|
868
|
+
@matchgreen-9: rgb(8, 106, 80);
|
|
869
|
+
@color-matchgreen-10: rgb(var(~'@{arco-cssvars-prefix}-matchgreen-10'));
|
|
870
|
+
@matchgreen-8: rgb(20, 135, 101);
|
|
871
|
+
@matchgreen-10: rgb(0, 77, 59);
|
|
872
|
+
@dark-matchgreen-10: rgb(239, 255, 247);
|
|
873
|
+
@dark-matchpurple-5: rgb(152, 71, 255);
|
|
874
|
+
@dark-matchpurple-3: rgb(75, 23, 166);
|
|
875
|
+
@color-matchpurple-7: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-7'));
|
|
876
|
+
@matchpurple-5: rgb(166, 87, 255);
|
|
877
|
+
@matchpurple-9: rgb(44, 6, 121);
|
|
878
|
+
@matchpurple-3: rgb(210, 160, 255);
|
|
879
|
+
@dark-matchpurple-4: rgb(110, 44, 210);
|
|
880
|
+
@matchpurple-1: rgb(246, 232, 255);
|
|
881
|
+
@matchpurple-2: rgb(229, 196, 255);
|
|
882
|
+
@color-matchpurple-6: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-6'));
|
|
883
|
+
@color-matchpurple-9: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-9'));
|
|
884
|
+
@matchpurple-8: rgb(71, 17, 166);
|
|
885
|
+
@matchpurple-4: rgb(189, 123, 255);
|
|
886
|
+
@dark-matchpurple-10: rgb(246, 232, 255);
|
|
887
|
+
@color-matchpurple-10: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-10'));
|
|
888
|
+
@matchpurple-7: rgb(103, 32, 210);
|
|
889
|
+
@color-matchpurple-3: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-3'));
|
|
890
|
+
@dark-matchpurple-7: rgb(190, 125, 255);
|
|
891
|
+
@color-matchpurple-4: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-4'));
|
|
892
|
+
@matchpurple-6: rgb(141, 51, 255);
|
|
893
|
+
@color-matchpurple-5: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-5'));
|
|
894
|
+
@dark-matchpurple-2: rgb(46, 8, 121);
|
|
895
|
+
@dark-matchpurple-6: rgb(167, 89, 255);
|
|
896
|
+
@dark-matchpurple-8: rgb(210, 161, 255);
|
|
897
|
+
@color-matchpurple-8: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-8'));
|
|
898
|
+
@color-matchpurple-2: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-2'));
|
|
899
|
+
@color-matchpurple-1: rgb(var(~'@{arco-cssvars-prefix}-matchpurple-1'));
|
|
900
|
+
@dark-matchpurple-1: rgb(23, 0, 77);
|
|
901
|
+
@dark-matchpurple-9: rgb(229, 196, 255);
|
|
902
|
+
@matchpurple-10: rgb(23, 0, 77);
|
|
903
|
+
@color-matchcyan-1: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-1'));
|
|
904
|
+
@matchcyan-10: rgb(0, 29, 77);
|
|
905
|
+
@color-matchcyan-2: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-2'));
|
|
906
|
+
@color-matchcyan-3: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-3'));
|
|
907
|
+
@dark-matchcyan-9: rgb(192, 233, 255);
|
|
908
|
+
@dark-matchcyan-6: rgb(69, 171, 255);
|
|
909
|
+
@matchcyan-4: rgb(111, 195, 255);
|
|
910
|
+
@matchcyan-5: rgb(71, 172, 255);
|
|
911
|
+
@dark-matchcyan-4: rgb(32, 119, 210);
|
|
912
|
+
@matchcyan-1: rgb(232, 248, 255);
|
|
913
|
+
@matchcyan-9: rgb(4, 53, 121);
|
|
914
|
+
@dark-matchcyan-1: rgb(0, 29, 77);
|
|
915
|
+
@matchcyan-3: rgb(152, 215, 255);
|
|
916
|
+
@matchcyan-2: rgb(192, 233, 255);
|
|
917
|
+
@dark-matchcyan-7: rgb(110, 195, 255);
|
|
918
|
+
@dark-matchcyan-2: rgb(4, 53, 121);
|
|
919
|
+
@color-matchcyan-6: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-6'));
|
|
920
|
+
@color-matchcyan-10: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-10'));
|
|
921
|
+
@matchcyan-8: rgb(10, 80, 166);
|
|
922
|
+
@dark-matchcyan-5: rgb(54, 158, 255);
|
|
923
|
+
@dark-matchcyan-10: rgb(232, 248, 255);
|
|
924
|
+
@color-matchcyan-7: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-7'));
|
|
925
|
+
@color-matchcyan-4: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-4'));
|
|
926
|
+
@matchcyan-7: rgb(19, 112, 210);
|
|
927
|
+
@color-matchcyan-9: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-9'));
|
|
928
|
+
@matchcyan-6: rgb(31, 147, 255);
|
|
929
|
+
@dark-matchcyan-8: rgb(151, 215, 255);
|
|
930
|
+
@color-matchcyan-5: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-5'));
|
|
931
|
+
@color-matchcyan-8: rgb(var(~'@{arco-cssvars-prefix}-matchcyan-8'));
|
|
932
|
+
@dark-matchcyan-3: rgb(15, 83, 166);
|
|
933
|
+
@tag-red-color-bg: @color-danger-1;
|
|
934
|
+
@tag-red-color-text: @color-danger-6;
|
|
935
|
+
@tag-orangered-color-icon: @color-warning-6;
|
|
936
|
+
@tag-orangered-color-bg: rgb(var(~'@{arco-cssvars-prefix}-orangered-1'));
|
|
937
|
+
@tag-orange-color-bg: @color-warning-1;
|
|
938
|
+
@tag-orange-color-icon: @color-warning-6;
|
|
939
|
+
@tag-green-color-icon: @color-success-6;
|
|
940
|
+
@tag-arcoblue-color-icon: @color-link-6;
|
|
941
|
+
@tag-purple-color-icon: @color-matchpurple-6;
|
|
942
|
+
@tag-arcoblue-color-bg: @color-link-1;
|
|
943
|
+
@tag-purple-color-bg: @color-matchpurple-1;
|
|
944
|
+
@checkbox-mask-color-bg: @color-transparent;
|
|
945
|
+
@picker-color-bg_hover: @color-transparent;
|
|
946
|
+
@picker-color-border_hover: @color-primary-6;
|
|
947
|
+
@picker-color-bg_focus: @color-transparent;
|
|
948
|
+
@picker-range-color-bg-input_focus: @color-fill-1;
|