@sage/design-tokens 2.55.0 → 2.57.0

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 (33) hide show
  1. package/android/base.xml +1 -1
  2. package/android/origin.xml +97 -111
  3. package/css/base.css +1 -1
  4. package/css/origin.css +97 -111
  5. package/data/tokens.json +46 -116
  6. package/docs/tokens/base/border-radius/index.html +2 -2
  7. package/docs/tokens/base/border-width/index.html +2 -2
  8. package/docs/tokens/base/box-shadow/index.html +2 -2
  9. package/docs/tokens/base/colors/index.html +2 -2
  10. package/docs/tokens/base/font-families/index.html +2 -2
  11. package/docs/tokens/base/font-sizes/index.html +2 -2
  12. package/docs/tokens/base/font-weights/index.html +2 -2
  13. package/docs/tokens/base/index.html +2 -2
  14. package/docs/tokens/base/line-heights/index.html +2 -2
  15. package/docs/tokens/base/opacity/index.html +2 -2
  16. package/docs/tokens/base/sizing/index.html +2 -2
  17. package/docs/tokens/base/spacing/index.html +2 -2
  18. package/docs/tokens/base/typography/index.html +2 -2
  19. package/docs/tokens/index.html +445 -739
  20. package/docs/tokens/origin/{origin → colors}/index.html +444 -738
  21. package/docs/tokens/origin/index.html +443 -737
  22. package/ios/base.h +1 -1
  23. package/ios/origin.h +97 -111
  24. package/js/base/common.js +1 -1
  25. package/js/origin/common.d.ts +96 -110
  26. package/js/origin/common.js +97 -111
  27. package/js/origin/es6.d.ts +96 -110
  28. package/js/origin/es6.js +96 -110
  29. package/package.json +1 -5
  30. package/sage-design-tokens-2.57.0.tgz +0 -0
  31. package/scss/base.scss +1 -1
  32. package/scss/origin.scss +97 -111
  33. package/sage-design-tokens-2.55.0.tgz +0 -0
package/docs/tokens/origin/index.html CHANGED
@@ -263,8 +263,8 @@
263
263
  </p>
264
264
  <ul class="menu-list">
265
265
  <li>
266
- <a href="../origin/origin/index.html">
267
- origin
266
+ <a href="../origin/colors/index.html">
267
+ colors
268
268
  </a>
269
269
  </li>
270
270
  </ul>
@@ -279,7 +279,7 @@
279
279
  origin
280
280
  </h1>
281
281
  <section class="my-6">
282
- <h2 class="hide-on-embedded">origin</h2>
282
+ <h2 class="hide-on-embedded">colors</h2>
283
283
  <table class="table is-bordered is-hoverable is-fullwidth">
284
284
  <colgroup>
285
285
  <col width="50%">
@@ -295,10 +295,10 @@
295
295
  </thead>
296
296
  <tr>
297
297
  <td class="with-icons is-vcentered"
298
- id="origin-originJade100"
299
- title="theme: origin; category: origin; name: jade; variant: 100; ">
300
- originJade100
301
- <a href="#origin-originJade100"
298
+ id="origin-colorsJade100"
299
+ title="theme: origin; category: colors; name: jade; variant: 100; ">
300
+ colorsJade100
301
+ <a href="#origin-colorsJade100"
302
302
  title="permalink"
303
303
  class="permalink">
304
304
  🔗
@@ -316,10 +316,10 @@
316
316
  </tr>
317
317
  <tr>
318
318
  <td class="with-icons is-vcentered"
319
- id="origin-originJade200"
320
- title="theme: origin; category: origin; name: jade; variant: 200; ">
321
- originJade200
322
- <a href="#origin-originJade200"
319
+ id="origin-colorsJade200"
320
+ title="theme: origin; category: colors; name: jade; variant: 200; ">
321
+ colorsJade200
322
+ <a href="#origin-colorsJade200"
323
323
  title="permalink"
324
324
  class="permalink">
325
325
  🔗
@@ -337,10 +337,10 @@
337
337
  </tr>
338
338
  <tr>
339
339
  <td class="with-icons is-vcentered"
340
- id="origin-originJade300"
341
- title="theme: origin; category: origin; name: jade; variant: 300; ">
342
- originJade300
343
- <a href="#origin-originJade300"
340
+ id="origin-colorsJade300"
341
+ title="theme: origin; category: colors; name: jade; variant: 300; ">
342
+ colorsJade300
343
+ <a href="#origin-colorsJade300"
344
344
  title="permalink"
345
345
  class="permalink">
346
346
  🔗
@@ -358,10 +358,10 @@
358
358
  </tr>
359
359
  <tr>
360
360
  <td class="with-icons is-vcentered"
361
- id="origin-originJade400"
362
- title="theme: origin; category: origin; name: jade; variant: 400; ">
363
- originJade400
364
- <a href="#origin-originJade400"
361
+ id="origin-colorsJade400"
362
+ title="theme: origin; category: colors; name: jade; variant: 400; ">
363
+ colorsJade400
364
+ <a href="#origin-colorsJade400"
365
365
  title="permalink"
366
366
  class="permalink">
367
367
  🔗
@@ -379,10 +379,10 @@
379
379
  </tr>
380
380
  <tr>
381
381
  <td class="with-icons is-vcentered"
382
- id="origin-originJade500"
383
- title="theme: origin; category: origin; name: jade; variant: 500; ">
384
- originJade500
385
- <a href="#origin-originJade500"
382
+ id="origin-colorsJade500"
383
+ title="theme: origin; category: colors; name: jade; variant: 500; ">
384
+ colorsJade500
385
+ <a href="#origin-colorsJade500"
386
386
  title="permalink"
387
387
  class="permalink">
388
388
  🔗
@@ -400,10 +400,10 @@
400
400
  </tr>
401
401
  <tr>
402
402
  <td class="with-icons is-vcentered"
403
- id="origin-originJade600"
404
- title="theme: origin; category: origin; name: jade; variant: 600; ">
405
- originJade600
406
- <a href="#origin-originJade600"
403
+ id="origin-colorsJade600"
404
+ title="theme: origin; category: colors; name: jade; variant: 600; ">
405
+ colorsJade600
406
+ <a href="#origin-colorsJade600"
407
407
  title="permalink"
408
408
  class="permalink">
409
409
  🔗
@@ -421,10 +421,10 @@
421
421
  </tr>
422
422
  <tr>
423
423
  <td class="with-icons is-vcentered"
424
- id="origin-originJade700"
425
- title="theme: origin; category: origin; name: jade; variant: 700; ">
426
- originJade700
427
- <a href="#origin-originJade700"
424
+ id="origin-colorsJade700"
425
+ title="theme: origin; category: colors; name: jade; variant: 700; ">
426
+ colorsJade700
427
+ <a href="#origin-colorsJade700"
428
428
  title="permalink"
429
429
  class="permalink">
430
430
  🔗
@@ -442,10 +442,10 @@
442
442
  </tr>
443
443
  <tr>
444
444
  <td class="with-icons is-vcentered"
445
- id="origin-originJade800"
446
- title="theme: origin; category: origin; name: jade; variant: 800; ">
447
- originJade800
448
- <a href="#origin-originJade800"
445
+ id="origin-colorsJade800"
446
+ title="theme: origin; category: colors; name: jade; variant: 800; ">
447
+ colorsJade800
448
+ <a href="#origin-colorsJade800"
449
449
  title="permalink"
450
450
  class="permalink">
451
451
  🔗
@@ -463,10 +463,10 @@
463
463
  </tr>
464
464
  <tr>
465
465
  <td class="with-icons is-vcentered"
466
- id="origin-originJade900"
467
- title="theme: origin; category: origin; name: jade; variant: 900; ">
468
- originJade900
469
- <a href="#origin-originJade900"
466
+ id="origin-colorsJade900"
467
+ title="theme: origin; category: colors; name: jade; variant: 900; ">
468
+ colorsJade900
469
+ <a href="#origin-colorsJade900"
470
470
  title="permalink"
471
471
  class="permalink">
472
472
  🔗
@@ -484,52 +484,10 @@
484
484
  </tr>
485
485
  <tr>
486
486
  <td class="with-icons is-vcentered"
487
- id="origin-originJade1000"
488
- title="theme: origin; category: origin; name: jade; variant: 1000; ">
489
- originJade1000
490
- <a href="#origin-originJade1000"
491
- title="permalink"
492
- class="permalink">
493
- 🔗
494
- </a>
495
- </td>
496
- <td class="is-vcentered">
497
- <pre>#000000ff</pre>
498
- </td>
499
- <td class="is-vcentered">
500
- <div class="table__color-preview"
501
- style="background-color: #000000ff;">
502
- </div>
503
-
504
- </td>
505
- </tr>
506
- <tr>
507
- <td class="with-icons is-vcentered"
508
- id="origin-originJade000"
509
- title="theme: origin; category: origin; name: jade; variant: 000; ">
510
- originJade000
511
- <a href="#origin-originJade000"
512
- title="permalink"
513
- class="permalink">
514
- 🔗
515
- </a>
516
- </td>
517
- <td class="is-vcentered">
518
- <pre>#ffffffff</pre>
519
- </td>
520
- <td class="is-vcentered">
521
- <div class="table__color-preview"
522
- style="background-color: #ffffffff;">
523
- </div>
524
-
525
- </td>
526
- </tr>
527
- <tr>
528
- <td class="with-icons is-vcentered"
529
- id="origin-originJade010"
530
- title="theme: origin; category: origin; name: jade; variant: 010; ">
531
- originJade010
532
- <a href="#origin-originJade010"
487
+ id="origin-colorsJade010"
488
+ title="theme: origin; category: colors; name: jade; variant: 010; ">
489
+ colorsJade010
490
+ <a href="#origin-colorsJade010"
533
491
  title="permalink"
534
492
  class="permalink">
535
493
  🔗
@@ -547,10 +505,10 @@
547
505
  </tr>
548
506
  <tr>
549
507
  <td class="with-icons is-vcentered"
550
- id="origin-originJade050"
551
- title="theme: origin; category: origin; name: jade; variant: 050; ">
552
- originJade050
553
- <a href="#origin-originJade050"
508
+ id="origin-colorsJade050"
509
+ title="theme: origin; category: colors; name: jade; variant: 050; ">
510
+ colorsJade050
511
+ <a href="#origin-colorsJade050"
554
512
  title="permalink"
555
513
  class="permalink">
556
514
  🔗
@@ -568,10 +526,10 @@
568
526
  </tr>
569
527
  <tr>
570
528
  <td class="with-icons is-vcentered"
571
- id="origin-originNavy100"
572
- title="theme: origin; category: origin; name: navy; variant: 100; ">
573
- originNavy100
574
- <a href="#origin-originNavy100"
529
+ id="origin-colorsNavy100"
530
+ title="theme: origin; category: colors; name: navy; variant: 100; ">
531
+ colorsNavy100
532
+ <a href="#origin-colorsNavy100"
575
533
  title="permalink"
576
534
  class="permalink">
577
535
  🔗
@@ -589,10 +547,10 @@
589
547
  </tr>
590
548
  <tr>
591
549
  <td class="with-icons is-vcentered"
592
- id="origin-originNavy200"
593
- title="theme: origin; category: origin; name: navy; variant: 200; ">
594
- originNavy200
595
- <a href="#origin-originNavy200"
550
+ id="origin-colorsNavy200"
551
+ title="theme: origin; category: colors; name: navy; variant: 200; ">
552
+ colorsNavy200
553
+ <a href="#origin-colorsNavy200"
596
554
  title="permalink"
597
555
  class="permalink">
598
556
  🔗
@@ -610,10 +568,10 @@
610
568
  </tr>
611
569
  <tr>
612
570
  <td class="with-icons is-vcentered"
613
- id="origin-originNavy300"
614
- title="theme: origin; category: origin; name: navy; variant: 300; ">
615
- originNavy300
616
- <a href="#origin-originNavy300"
571
+ id="origin-colorsNavy300"
572
+ title="theme: origin; category: colors; name: navy; variant: 300; ">
573
+ colorsNavy300
574
+ <a href="#origin-colorsNavy300"
617
575
  title="permalink"
618
576
  class="permalink">
619
577
  🔗
@@ -631,10 +589,10 @@
631
589
  </tr>
632
590
  <tr>
633
591
  <td class="with-icons is-vcentered"
634
- id="origin-originNavy400"
635
- title="theme: origin; category: origin; name: navy; variant: 400; ">
636
- originNavy400
637
- <a href="#origin-originNavy400"
592
+ id="origin-colorsNavy400"
593
+ title="theme: origin; category: colors; name: navy; variant: 400; ">
594
+ colorsNavy400
595
+ <a href="#origin-colorsNavy400"
638
596
  title="permalink"
639
597
  class="permalink">
640
598
  🔗
@@ -652,10 +610,10 @@
652
610
  </tr>
653
611
  <tr>
654
612
  <td class="with-icons is-vcentered"
655
- id="origin-originNavy500"
656
- title="theme: origin; category: origin; name: navy; variant: 500; ">
657
- originNavy500
658
- <a href="#origin-originNavy500"
613
+ id="origin-colorsNavy500"
614
+ title="theme: origin; category: colors; name: navy; variant: 500; ">
615
+ colorsNavy500
616
+ <a href="#origin-colorsNavy500"
659
617
  title="permalink"
660
618
  class="permalink">
661
619
  🔗
@@ -673,10 +631,10 @@
673
631
  </tr>
674
632
  <tr>
675
633
  <td class="with-icons is-vcentered"
676
- id="origin-originNavy600"
677
- title="theme: origin; category: origin; name: navy; variant: 600; ">
678
- originNavy600
679
- <a href="#origin-originNavy600"
634
+ id="origin-colorsNavy600"
635
+ title="theme: origin; category: colors; name: navy; variant: 600; ">
636
+ colorsNavy600
637
+ <a href="#origin-colorsNavy600"
680
638
  title="permalink"
681
639
  class="permalink">
682
640
  🔗
@@ -694,10 +652,10 @@
694
652
  </tr>
695
653
  <tr>
696
654
  <td class="with-icons is-vcentered"
697
- id="origin-originNavy700"
698
- title="theme: origin; category: origin; name: navy; variant: 700; ">
699
- originNavy700
700
- <a href="#origin-originNavy700"
655
+ id="origin-colorsNavy700"
656
+ title="theme: origin; category: colors; name: navy; variant: 700; ">
657
+ colorsNavy700
658
+ <a href="#origin-colorsNavy700"
701
659
  title="permalink"
702
660
  class="permalink">
703
661
  🔗
@@ -715,10 +673,10 @@
715
673
  </tr>
716
674
  <tr>
717
675
  <td class="with-icons is-vcentered"
718
- id="origin-originNavy800"
719
- title="theme: origin; category: origin; name: navy; variant: 800; ">
720
- originNavy800
721
- <a href="#origin-originNavy800"
676
+ id="origin-colorsNavy800"
677
+ title="theme: origin; category: colors; name: navy; variant: 800; ">
678
+ colorsNavy800
679
+ <a href="#origin-colorsNavy800"
722
680
  title="permalink"
723
681
  class="permalink">
724
682
  🔗
@@ -736,10 +694,10 @@
736
694
  </tr>
737
695
  <tr>
738
696
  <td class="with-icons is-vcentered"
739
- id="origin-originNavy900"
740
- title="theme: origin; category: origin; name: navy; variant: 900; ">
741
- originNavy900
742
- <a href="#origin-originNavy900"
697
+ id="origin-colorsNavy900"
698
+ title="theme: origin; category: colors; name: navy; variant: 900; ">
699
+ colorsNavy900
700
+ <a href="#origin-colorsNavy900"
743
701
  title="permalink"
744
702
  class="permalink">
745
703
  🔗
@@ -757,52 +715,10 @@
757
715
  </tr>
758
716
  <tr>
759
717
  <td class="with-icons is-vcentered"
760
- id="origin-originNavy1000"
761
- title="theme: origin; category: origin; name: navy; variant: 1000; ">
762
- originNavy1000
763
- <a href="#origin-originNavy1000"
764
- title="permalink"
765
- class="permalink">
766
- 🔗
767
- </a>
768
- </td>
769
- <td class="is-vcentered">
770
- <pre>#000000ff</pre>
771
- </td>
772
- <td class="is-vcentered">
773
- <div class="table__color-preview"
774
- style="background-color: #000000ff;">
775
- </div>
776
-
777
- </td>
778
- </tr>
779
- <tr>
780
- <td class="with-icons is-vcentered"
781
- id="origin-originNavy000"
782
- title="theme: origin; category: origin; name: navy; variant: 000; ">
783
- originNavy000
784
- <a href="#origin-originNavy000"
785
- title="permalink"
786
- class="permalink">
787
- 🔗
788
- </a>
789
- </td>
790
- <td class="is-vcentered">
791
- <pre>#ffffffff</pre>
792
- </td>
793
- <td class="is-vcentered">
794
- <div class="table__color-preview"
795
- style="background-color: #ffffffff;">
796
- </div>
797
-
798
- </td>
799
- </tr>
800
- <tr>
801
- <td class="with-icons is-vcentered"
802
- id="origin-originNavy010"
803
- title="theme: origin; category: origin; name: navy; variant: 010; ">
804
- originNavy010
805
- <a href="#origin-originNavy010"
718
+ id="origin-colorsNavy010"
719
+ title="theme: origin; category: colors; name: navy; variant: 010; ">
720
+ colorsNavy010
721
+ <a href="#origin-colorsNavy010"
806
722
  title="permalink"
807
723
  class="permalink">
808
724
  🔗
@@ -820,10 +736,10 @@
820
736
  </tr>
821
737
  <tr>
822
738
  <td class="with-icons is-vcentered"
823
- id="origin-originNavy050"
824
- title="theme: origin; category: origin; name: navy; variant: 050; ">
825
- originNavy050
826
- <a href="#origin-originNavy050"
739
+ id="origin-colorsNavy050"
740
+ title="theme: origin; category: colors; name: navy; variant: 050; ">
741
+ colorsNavy050
742
+ <a href="#origin-colorsNavy050"
827
743
  title="permalink"
828
744
  class="permalink">
829
745
  🔗
@@ -841,10 +757,10 @@
841
757
  </tr>
842
758
  <tr>
843
759
  <td class="with-icons is-vcentered"
844
- id="origin-originTeal100"
845
- title="theme: origin; category: origin; name: teal; variant: 100; ">
846
- originTeal100
847
- <a href="#origin-originTeal100"
760
+ id="origin-colorsTeal100"
761
+ title="theme: origin; category: colors; name: teal; variant: 100; ">
762
+ colorsTeal100
763
+ <a href="#origin-colorsTeal100"
848
764
  title="permalink"
849
765
  class="permalink">
850
766
  🔗
@@ -862,10 +778,10 @@
862
778
  </tr>
863
779
  <tr>
864
780
  <td class="with-icons is-vcentered"
865
- id="origin-originTeal200"
866
- title="theme: origin; category: origin; name: teal; variant: 200; ">
867
- originTeal200
868
- <a href="#origin-originTeal200"
781
+ id="origin-colorsTeal200"
782
+ title="theme: origin; category: colors; name: teal; variant: 200; ">
783
+ colorsTeal200
784
+ <a href="#origin-colorsTeal200"
869
785
  title="permalink"
870
786
  class="permalink">
871
787
  🔗
@@ -883,10 +799,10 @@
883
799
  </tr>
884
800
  <tr>
885
801
  <td class="with-icons is-vcentered"
886
- id="origin-originTeal300"
887
- title="theme: origin; category: origin; name: teal; variant: 300; ">
888
- originTeal300
889
- <a href="#origin-originTeal300"
802
+ id="origin-colorsTeal300"
803
+ title="theme: origin; category: colors; name: teal; variant: 300; ">
804
+ colorsTeal300
805
+ <a href="#origin-colorsTeal300"
890
806
  title="permalink"
891
807
  class="permalink">
892
808
  🔗
@@ -904,10 +820,10 @@
904
820
  </tr>
905
821
  <tr>
906
822
  <td class="with-icons is-vcentered"
907
- id="origin-originTeal400"
908
- title="theme: origin; category: origin; name: teal; variant: 400; ">
909
- originTeal400
910
- <a href="#origin-originTeal400"
823
+ id="origin-colorsTeal400"
824
+ title="theme: origin; category: colors; name: teal; variant: 400; ">
825
+ colorsTeal400
826
+ <a href="#origin-colorsTeal400"
911
827
  title="permalink"
912
828
  class="permalink">
913
829
  🔗
@@ -925,10 +841,10 @@
925
841
  </tr>
926
842
  <tr>
927
843
  <td class="with-icons is-vcentered"
928
- id="origin-originTeal500"
929
- title="theme: origin; category: origin; name: teal; variant: 500; ">
930
- originTeal500
931
- <a href="#origin-originTeal500"
844
+ id="origin-colorsTeal500"
845
+ title="theme: origin; category: colors; name: teal; variant: 500; ">
846
+ colorsTeal500
847
+ <a href="#origin-colorsTeal500"
932
848
  title="permalink"
933
849
  class="permalink">
934
850
  🔗
@@ -946,10 +862,10 @@
946
862
  </tr>
947
863
  <tr>
948
864
  <td class="with-icons is-vcentered"
949
- id="origin-originTeal600"
950
- title="theme: origin; category: origin; name: teal; variant: 600; ">
951
- originTeal600
952
- <a href="#origin-originTeal600"
865
+ id="origin-colorsTeal600"
866
+ title="theme: origin; category: colors; name: teal; variant: 600; ">
867
+ colorsTeal600
868
+ <a href="#origin-colorsTeal600"
953
869
  title="permalink"
954
870
  class="permalink">
955
871
  🔗
@@ -967,10 +883,10 @@
967
883
  </tr>
968
884
  <tr>
969
885
  <td class="with-icons is-vcentered"
970
- id="origin-originTeal700"
971
- title="theme: origin; category: origin; name: teal; variant: 700; ">
972
- originTeal700
973
- <a href="#origin-originTeal700"
886
+ id="origin-colorsTeal700"
887
+ title="theme: origin; category: colors; name: teal; variant: 700; ">
888
+ colorsTeal700
889
+ <a href="#origin-colorsTeal700"
974
890
  title="permalink"
975
891
  class="permalink">
976
892
  🔗
@@ -988,10 +904,10 @@
988
904
  </tr>
989
905
  <tr>
990
906
  <td class="with-icons is-vcentered"
991
- id="origin-originTeal800"
992
- title="theme: origin; category: origin; name: teal; variant: 800; ">
993
- originTeal800
994
- <a href="#origin-originTeal800"
907
+ id="origin-colorsTeal800"
908
+ title="theme: origin; category: colors; name: teal; variant: 800; ">
909
+ colorsTeal800
910
+ <a href="#origin-colorsTeal800"
995
911
  title="permalink"
996
912
  class="permalink">
997
913
  🔗
@@ -1009,10 +925,10 @@
1009
925
  </tr>
1010
926
  <tr>
1011
927
  <td class="with-icons is-vcentered"
1012
- id="origin-originTeal900"
1013
- title="theme: origin; category: origin; name: teal; variant: 900; ">
1014
- originTeal900
1015
- <a href="#origin-originTeal900"
928
+ id="origin-colorsTeal900"
929
+ title="theme: origin; category: colors; name: teal; variant: 900; ">
930
+ colorsTeal900
931
+ <a href="#origin-colorsTeal900"
1016
932
  title="permalink"
1017
933
  class="permalink">
1018
934
  🔗
@@ -1030,52 +946,10 @@
1030
946
  </tr>
1031
947
  <tr>
1032
948
  <td class="with-icons is-vcentered"
1033
- id="origin-originTeal1000"
1034
- title="theme: origin; category: origin; name: teal; variant: 1000; ">
1035
- originTeal1000
1036
- <a href="#origin-originTeal1000"
1037
- title="permalink"
1038
- class="permalink">
1039
- 🔗
1040
- </a>
1041
- </td>
1042
- <td class="is-vcentered">
1043
- <pre>#000000ff</pre>
1044
- </td>
1045
- <td class="is-vcentered">
1046
- <div class="table__color-preview"
1047
- style="background-color: #000000ff;">
1048
- </div>
1049
-
1050
- </td>
1051
- </tr>
1052
- <tr>
1053
- <td class="with-icons is-vcentered"
1054
- id="origin-originTeal000"
1055
- title="theme: origin; category: origin; name: teal; variant: 000; ">
1056
- originTeal000
1057
- <a href="#origin-originTeal000"
1058
- title="permalink"
1059
- class="permalink">
1060
- 🔗
1061
- </a>
1062
- </td>
1063
- <td class="is-vcentered">
1064
- <pre>#ffffffff</pre>
1065
- </td>
1066
- <td class="is-vcentered">
1067
- <div class="table__color-preview"
1068
- style="background-color: #ffffffff;">
1069
- </div>
1070
-
1071
- </td>
1072
- </tr>
1073
- <tr>
1074
- <td class="with-icons is-vcentered"
1075
- id="origin-originTeal010"
1076
- title="theme: origin; category: origin; name: teal; variant: 010; ">
1077
- originTeal010
1078
- <a href="#origin-originTeal010"
949
+ id="origin-colorsTeal010"
950
+ title="theme: origin; category: colors; name: teal; variant: 010; ">
951
+ colorsTeal010
952
+ <a href="#origin-colorsTeal010"
1079
953
  title="permalink"
1080
954
  class="permalink">
1081
955
  🔗
@@ -1093,10 +967,10 @@
1093
967
  </tr>
1094
968
  <tr>
1095
969
  <td class="with-icons is-vcentered"
1096
- id="origin-originTeal050"
1097
- title="theme: origin; category: origin; name: teal; variant: 050; ">
1098
- originTeal050
1099
- <a href="#origin-originTeal050"
970
+ id="origin-colorsTeal050"
971
+ title="theme: origin; category: colors; name: teal; variant: 050; ">
972
+ colorsTeal050
973
+ <a href="#origin-colorsTeal050"
1100
974
  title="permalink"
1101
975
  class="permalink">
1102
976
  🔗
@@ -1114,10 +988,10 @@
1114
988
  </tr>
1115
989
  <tr>
1116
990
  <td class="with-icons is-vcentered"
1117
- id="origin-originCherry100"
1118
- title="theme: origin; category: origin; name: cherry; variant: 100; ">
1119
- originCherry100
1120
- <a href="#origin-originCherry100"
991
+ id="origin-colorsCherry100"
992
+ title="theme: origin; category: colors; name: cherry; variant: 100; ">
993
+ colorsCherry100
994
+ <a href="#origin-colorsCherry100"
1121
995
  title="permalink"
1122
996
  class="permalink">
1123
997
  🔗
@@ -1135,10 +1009,10 @@
1135
1009
  </tr>
1136
1010
  <tr>
1137
1011
  <td class="with-icons is-vcentered"
1138
- id="origin-originCherry200"
1139
- title="theme: origin; category: origin; name: cherry; variant: 200; ">
1140
- originCherry200
1141
- <a href="#origin-originCherry200"
1012
+ id="origin-colorsCherry200"
1013
+ title="theme: origin; category: colors; name: cherry; variant: 200; ">
1014
+ colorsCherry200
1015
+ <a href="#origin-colorsCherry200"
1142
1016
  title="permalink"
1143
1017
  class="permalink">
1144
1018
  🔗
@@ -1156,10 +1030,10 @@
1156
1030
  </tr>
1157
1031
  <tr>
1158
1032
  <td class="with-icons is-vcentered"
1159
- id="origin-originCherry300"
1160
- title="theme: origin; category: origin; name: cherry; variant: 300; ">
1161
- originCherry300
1162
- <a href="#origin-originCherry300"
1033
+ id="origin-colorsCherry300"
1034
+ title="theme: origin; category: colors; name: cherry; variant: 300; ">
1035
+ colorsCherry300
1036
+ <a href="#origin-colorsCherry300"
1163
1037
  title="permalink"
1164
1038
  class="permalink">
1165
1039
  🔗
@@ -1177,10 +1051,10 @@
1177
1051
  </tr>
1178
1052
  <tr>
1179
1053
  <td class="with-icons is-vcentered"
1180
- id="origin-originCherry400"
1181
- title="theme: origin; category: origin; name: cherry; variant: 400; ">
1182
- originCherry400
1183
- <a href="#origin-originCherry400"
1054
+ id="origin-colorsCherry400"
1055
+ title="theme: origin; category: colors; name: cherry; variant: 400; ">
1056
+ colorsCherry400
1057
+ <a href="#origin-colorsCherry400"
1184
1058
  title="permalink"
1185
1059
  class="permalink">
1186
1060
  🔗
@@ -1198,10 +1072,10 @@
1198
1072
  </tr>
1199
1073
  <tr>
1200
1074
  <td class="with-icons is-vcentered"
1201
- id="origin-originCherry500"
1202
- title="theme: origin; category: origin; name: cherry; variant: 500; ">
1203
- originCherry500
1204
- <a href="#origin-originCherry500"
1075
+ id="origin-colorsCherry500"
1076
+ title="theme: origin; category: colors; name: cherry; variant: 500; ">
1077
+ colorsCherry500
1078
+ <a href="#origin-colorsCherry500"
1205
1079
  title="permalink"
1206
1080
  class="permalink">
1207
1081
  🔗
@@ -1219,10 +1093,10 @@
1219
1093
  </tr>
1220
1094
  <tr>
1221
1095
  <td class="with-icons is-vcentered"
1222
- id="origin-originCherry600"
1223
- title="theme: origin; category: origin; name: cherry; variant: 600; ">
1224
- originCherry600
1225
- <a href="#origin-originCherry600"
1096
+ id="origin-colorsCherry600"
1097
+ title="theme: origin; category: colors; name: cherry; variant: 600; ">
1098
+ colorsCherry600
1099
+ <a href="#origin-colorsCherry600"
1226
1100
  title="permalink"
1227
1101
  class="permalink">
1228
1102
  🔗
@@ -1240,10 +1114,10 @@
1240
1114
  </tr>
1241
1115
  <tr>
1242
1116
  <td class="with-icons is-vcentered"
1243
- id="origin-originCherry700"
1244
- title="theme: origin; category: origin; name: cherry; variant: 700; ">
1245
- originCherry700
1246
- <a href="#origin-originCherry700"
1117
+ id="origin-colorsCherry700"
1118
+ title="theme: origin; category: colors; name: cherry; variant: 700; ">
1119
+ colorsCherry700
1120
+ <a href="#origin-colorsCherry700"
1247
1121
  title="permalink"
1248
1122
  class="permalink">
1249
1123
  🔗
@@ -1261,10 +1135,10 @@
1261
1135
  </tr>
1262
1136
  <tr>
1263
1137
  <td class="with-icons is-vcentered"
1264
- id="origin-originCherry800"
1265
- title="theme: origin; category: origin; name: cherry; variant: 800; ">
1266
- originCherry800
1267
- <a href="#origin-originCherry800"
1138
+ id="origin-colorsCherry800"
1139
+ title="theme: origin; category: colors; name: cherry; variant: 800; ">
1140
+ colorsCherry800
1141
+ <a href="#origin-colorsCherry800"
1268
1142
  title="permalink"
1269
1143
  class="permalink">
1270
1144
  🔗
@@ -1282,10 +1156,10 @@
1282
1156
  </tr>
1283
1157
  <tr>
1284
1158
  <td class="with-icons is-vcentered"
1285
- id="origin-originCherry900"
1286
- title="theme: origin; category: origin; name: cherry; variant: 900; ">
1287
- originCherry900
1288
- <a href="#origin-originCherry900"
1159
+ id="origin-colorsCherry900"
1160
+ title="theme: origin; category: colors; name: cherry; variant: 900; ">
1161
+ colorsCherry900
1162
+ <a href="#origin-colorsCherry900"
1289
1163
  title="permalink"
1290
1164
  class="permalink">
1291
1165
  🔗
@@ -1303,52 +1177,10 @@
1303
1177
  </tr>
1304
1178
  <tr>
1305
1179
  <td class="with-icons is-vcentered"
1306
- id="origin-originCherry1000"
1307
- title="theme: origin; category: origin; name: cherry; variant: 1000; ">
1308
- originCherry1000
1309
- <a href="#origin-originCherry1000"
1310
- title="permalink"
1311
- class="permalink">
1312
- 🔗
1313
- </a>
1314
- </td>
1315
- <td class="is-vcentered">
1316
- <pre>#000000ff</pre>
1317
- </td>
1318
- <td class="is-vcentered">
1319
- <div class="table__color-preview"
1320
- style="background-color: #000000ff;">
1321
- </div>
1322
-
1323
- </td>
1324
- </tr>
1325
- <tr>
1326
- <td class="with-icons is-vcentered"
1327
- id="origin-originCherry000"
1328
- title="theme: origin; category: origin; name: cherry; variant: 000; ">
1329
- originCherry000
1330
- <a href="#origin-originCherry000"
1331
- title="permalink"
1332
- class="permalink">
1333
- 🔗
1334
- </a>
1335
- </td>
1336
- <td class="is-vcentered">
1337
- <pre>#ffffffff</pre>
1338
- </td>
1339
- <td class="is-vcentered">
1340
- <div class="table__color-preview"
1341
- style="background-color: #ffffffff;">
1342
- </div>
1343
-
1344
- </td>
1345
- </tr>
1346
- <tr>
1347
- <td class="with-icons is-vcentered"
1348
- id="origin-originCherry010"
1349
- title="theme: origin; category: origin; name: cherry; variant: 010; ">
1350
- originCherry010
1351
- <a href="#origin-originCherry010"
1180
+ id="origin-colorsCherry010"
1181
+ title="theme: origin; category: colors; name: cherry; variant: 010; ">
1182
+ colorsCherry010
1183
+ <a href="#origin-colorsCherry010"
1352
1184
  title="permalink"
1353
1185
  class="permalink">
1354
1186
  🔗
@@ -1366,10 +1198,10 @@
1366
1198
  </tr>
1367
1199
  <tr>
1368
1200
  <td class="with-icons is-vcentered"
1369
- id="origin-originCherry050"
1370
- title="theme: origin; category: origin; name: cherry; variant: 050; ">
1371
- originCherry050
1372
- <a href="#origin-originCherry050"
1201
+ id="origin-colorsCherry050"
1202
+ title="theme: origin; category: colors; name: cherry; variant: 050; ">
1203
+ colorsCherry050
1204
+ <a href="#origin-colorsCherry050"
1373
1205
  title="permalink"
1374
1206
  class="permalink">
1375
1207
  🔗
@@ -1387,10 +1219,10 @@
1387
1219
  </tr>
1388
1220
  <tr>
1389
1221
  <td class="with-icons is-vcentered"
1390
- id="origin-originTerra100"
1391
- title="theme: origin; category: origin; name: terra; variant: 100; ">
1392
- originTerra100
1393
- <a href="#origin-originTerra100"
1222
+ id="origin-colorsTerra100"
1223
+ title="theme: origin; category: colors; name: terra; variant: 100; ">
1224
+ colorsTerra100
1225
+ <a href="#origin-colorsTerra100"
1394
1226
  title="permalink"
1395
1227
  class="permalink">
1396
1228
  🔗
@@ -1408,10 +1240,10 @@
1408
1240
  </tr>
1409
1241
  <tr>
1410
1242
  <td class="with-icons is-vcentered"
1411
- id="origin-originTerra200"
1412
- title="theme: origin; category: origin; name: terra; variant: 200; ">
1413
- originTerra200
1414
- <a href="#origin-originTerra200"
1243
+ id="origin-colorsTerra200"
1244
+ title="theme: origin; category: colors; name: terra; variant: 200; ">
1245
+ colorsTerra200
1246
+ <a href="#origin-colorsTerra200"
1415
1247
  title="permalink"
1416
1248
  class="permalink">
1417
1249
  🔗
@@ -1429,10 +1261,10 @@
1429
1261
  </tr>
1430
1262
  <tr>
1431
1263
  <td class="with-icons is-vcentered"
1432
- id="origin-originTerra300"
1433
- title="theme: origin; category: origin; name: terra; variant: 300; ">
1434
- originTerra300
1435
- <a href="#origin-originTerra300"
1264
+ id="origin-colorsTerra300"
1265
+ title="theme: origin; category: colors; name: terra; variant: 300; ">
1266
+ colorsTerra300
1267
+ <a href="#origin-colorsTerra300"
1436
1268
  title="permalink"
1437
1269
  class="permalink">
1438
1270
  🔗
@@ -1450,10 +1282,10 @@
1450
1282
  </tr>
1451
1283
  <tr>
1452
1284
  <td class="with-icons is-vcentered"
1453
- id="origin-originTerra400"
1454
- title="theme: origin; category: origin; name: terra; variant: 400; ">
1455
- originTerra400
1456
- <a href="#origin-originTerra400"
1285
+ id="origin-colorsTerra400"
1286
+ title="theme: origin; category: colors; name: terra; variant: 400; ">
1287
+ colorsTerra400
1288
+ <a href="#origin-colorsTerra400"
1457
1289
  title="permalink"
1458
1290
  class="permalink">
1459
1291
  🔗
@@ -1471,10 +1303,10 @@
1471
1303
  </tr>
1472
1304
  <tr>
1473
1305
  <td class="with-icons is-vcentered"
1474
- id="origin-originTerra500"
1475
- title="theme: origin; category: origin; name: terra; variant: 500; ">
1476
- originTerra500
1477
- <a href="#origin-originTerra500"
1306
+ id="origin-colorsTerra500"
1307
+ title="theme: origin; category: colors; name: terra; variant: 500; ">
1308
+ colorsTerra500
1309
+ <a href="#origin-colorsTerra500"
1478
1310
  title="permalink"
1479
1311
  class="permalink">
1480
1312
  🔗
@@ -1492,10 +1324,10 @@
1492
1324
  </tr>
1493
1325
  <tr>
1494
1326
  <td class="with-icons is-vcentered"
1495
- id="origin-originTerra600"
1496
- title="theme: origin; category: origin; name: terra; variant: 600; ">
1497
- originTerra600
1498
- <a href="#origin-originTerra600"
1327
+ id="origin-colorsTerra600"
1328
+ title="theme: origin; category: colors; name: terra; variant: 600; ">
1329
+ colorsTerra600
1330
+ <a href="#origin-colorsTerra600"
1499
1331
  title="permalink"
1500
1332
  class="permalink">
1501
1333
  🔗
@@ -1513,10 +1345,10 @@
1513
1345
  </tr>
1514
1346
  <tr>
1515
1347
  <td class="with-icons is-vcentered"
1516
- id="origin-originTerra700"
1517
- title="theme: origin; category: origin; name: terra; variant: 700; ">
1518
- originTerra700
1519
- <a href="#origin-originTerra700"
1348
+ id="origin-colorsTerra700"
1349
+ title="theme: origin; category: colors; name: terra; variant: 700; ">
1350
+ colorsTerra700
1351
+ <a href="#origin-colorsTerra700"
1520
1352
  title="permalink"
1521
1353
  class="permalink">
1522
1354
  🔗
@@ -1534,10 +1366,10 @@
1534
1366
  </tr>
1535
1367
  <tr>
1536
1368
  <td class="with-icons is-vcentered"
1537
- id="origin-originTerra800"
1538
- title="theme: origin; category: origin; name: terra; variant: 800; ">
1539
- originTerra800
1540
- <a href="#origin-originTerra800"
1369
+ id="origin-colorsTerra800"
1370
+ title="theme: origin; category: colors; name: terra; variant: 800; ">
1371
+ colorsTerra800
1372
+ <a href="#origin-colorsTerra800"
1541
1373
  title="permalink"
1542
1374
  class="permalink">
1543
1375
  🔗
@@ -1555,10 +1387,10 @@
1555
1387
  </tr>
1556
1388
  <tr>
1557
1389
  <td class="with-icons is-vcentered"
1558
- id="origin-originTerra900"
1559
- title="theme: origin; category: origin; name: terra; variant: 900; ">
1560
- originTerra900
1561
- <a href="#origin-originTerra900"
1390
+ id="origin-colorsTerra900"
1391
+ title="theme: origin; category: colors; name: terra; variant: 900; ">
1392
+ colorsTerra900
1393
+ <a href="#origin-colorsTerra900"
1562
1394
  title="permalink"
1563
1395
  class="permalink">
1564
1396
  🔗
@@ -1576,52 +1408,10 @@
1576
1408
  </tr>
1577
1409
  <tr>
1578
1410
  <td class="with-icons is-vcentered"
1579
- id="origin-originTerra1000"
1580
- title="theme: origin; category: origin; name: terra; variant: 1000; ">
1581
- originTerra1000
1582
- <a href="#origin-originTerra1000"
1583
- title="permalink"
1584
- class="permalink">
1585
- 🔗
1586
- </a>
1587
- </td>
1588
- <td class="is-vcentered">
1589
- <pre>#000000ff</pre>
1590
- </td>
1591
- <td class="is-vcentered">
1592
- <div class="table__color-preview"
1593
- style="background-color: #000000ff;">
1594
- </div>
1595
-
1596
- </td>
1597
- </tr>
1598
- <tr>
1599
- <td class="with-icons is-vcentered"
1600
- id="origin-originTerra000"
1601
- title="theme: origin; category: origin; name: terra; variant: 000; ">
1602
- originTerra000
1603
- <a href="#origin-originTerra000"
1604
- title="permalink"
1605
- class="permalink">
1606
- 🔗
1607
- </a>
1608
- </td>
1609
- <td class="is-vcentered">
1610
- <pre>#ffffffff</pre>
1611
- </td>
1612
- <td class="is-vcentered">
1613
- <div class="table__color-preview"
1614
- style="background-color: #ffffffff;">
1615
- </div>
1616
-
1617
- </td>
1618
- </tr>
1619
- <tr>
1620
- <td class="with-icons is-vcentered"
1621
- id="origin-originTerra010"
1622
- title="theme: origin; category: origin; name: terra; variant: 010; ">
1623
- originTerra010
1624
- <a href="#origin-originTerra010"
1411
+ id="origin-colorsTerra010"
1412
+ title="theme: origin; category: colors; name: terra; variant: 010; ">
1413
+ colorsTerra010
1414
+ <a href="#origin-colorsTerra010"
1625
1415
  title="permalink"
1626
1416
  class="permalink">
1627
1417
  🔗
@@ -1639,10 +1429,10 @@
1639
1429
  </tr>
1640
1430
  <tr>
1641
1431
  <td class="with-icons is-vcentered"
1642
- id="origin-originTerra050"
1643
- title="theme: origin; category: origin; name: terra; variant: 050; ">
1644
- originTerra050
1645
- <a href="#origin-originTerra050"
1432
+ id="origin-colorsTerra050"
1433
+ title="theme: origin; category: colors; name: terra; variant: 050; ">
1434
+ colorsTerra050
1435
+ <a href="#origin-colorsTerra050"
1646
1436
  title="permalink"
1647
1437
  class="permalink">
1648
1438
  🔗
@@ -1660,10 +1450,10 @@
1660
1450
  </tr>
1661
1451
  <tr>
1662
1452
  <td class="with-icons is-vcentered"
1663
- id="origin-originAmber100"
1664
- title="theme: origin; category: origin; name: amber; variant: 100; ">
1665
- originAmber100
1666
- <a href="#origin-originAmber100"
1453
+ id="origin-colorsAmber100"
1454
+ title="theme: origin; category: colors; name: amber; variant: 100; ">
1455
+ colorsAmber100
1456
+ <a href="#origin-colorsAmber100"
1667
1457
  title="permalink"
1668
1458
  class="permalink">
1669
1459
  🔗
@@ -1681,10 +1471,10 @@
1681
1471
  </tr>
1682
1472
  <tr>
1683
1473
  <td class="with-icons is-vcentered"
1684
- id="origin-originAmber200"
1685
- title="theme: origin; category: origin; name: amber; variant: 200; ">
1686
- originAmber200
1687
- <a href="#origin-originAmber200"
1474
+ id="origin-colorsAmber200"
1475
+ title="theme: origin; category: colors; name: amber; variant: 200; ">
1476
+ colorsAmber200
1477
+ <a href="#origin-colorsAmber200"
1688
1478
  title="permalink"
1689
1479
  class="permalink">
1690
1480
  🔗
@@ -1702,10 +1492,10 @@
1702
1492
  </tr>
1703
1493
  <tr>
1704
1494
  <td class="with-icons is-vcentered"
1705
- id="origin-originAmber300"
1706
- title="theme: origin; category: origin; name: amber; variant: 300; ">
1707
- originAmber300
1708
- <a href="#origin-originAmber300"
1495
+ id="origin-colorsAmber300"
1496
+ title="theme: origin; category: colors; name: amber; variant: 300; ">
1497
+ colorsAmber300
1498
+ <a href="#origin-colorsAmber300"
1709
1499
  title="permalink"
1710
1500
  class="permalink">
1711
1501
  🔗
@@ -1723,10 +1513,10 @@
1723
1513
  </tr>
1724
1514
  <tr>
1725
1515
  <td class="with-icons is-vcentered"
1726
- id="origin-originAmber400"
1727
- title="theme: origin; category: origin; name: amber; variant: 400; ">
1728
- originAmber400
1729
- <a href="#origin-originAmber400"
1516
+ id="origin-colorsAmber400"
1517
+ title="theme: origin; category: colors; name: amber; variant: 400; ">
1518
+ colorsAmber400
1519
+ <a href="#origin-colorsAmber400"
1730
1520
  title="permalink"
1731
1521
  class="permalink">
1732
1522
  🔗
@@ -1744,10 +1534,10 @@
1744
1534
  </tr>
1745
1535
  <tr>
1746
1536
  <td class="with-icons is-vcentered"
1747
- id="origin-originAmber500"
1748
- title="theme: origin; category: origin; name: amber; variant: 500; ">
1749
- originAmber500
1750
- <a href="#origin-originAmber500"
1537
+ id="origin-colorsAmber500"
1538
+ title="theme: origin; category: colors; name: amber; variant: 500; ">
1539
+ colorsAmber500
1540
+ <a href="#origin-colorsAmber500"
1751
1541
  title="permalink"
1752
1542
  class="permalink">
1753
1543
  🔗
@@ -1765,10 +1555,10 @@
1765
1555
  </tr>
1766
1556
  <tr>
1767
1557
  <td class="with-icons is-vcentered"
1768
- id="origin-originAmber600"
1769
- title="theme: origin; category: origin; name: amber; variant: 600; ">
1770
- originAmber600
1771
- <a href="#origin-originAmber600"
1558
+ id="origin-colorsAmber600"
1559
+ title="theme: origin; category: colors; name: amber; variant: 600; ">
1560
+ colorsAmber600
1561
+ <a href="#origin-colorsAmber600"
1772
1562
  title="permalink"
1773
1563
  class="permalink">
1774
1564
  🔗
@@ -1786,10 +1576,10 @@
1786
1576
  </tr>
1787
1577
  <tr>
1788
1578
  <td class="with-icons is-vcentered"
1789
- id="origin-originAmber700"
1790
- title="theme: origin; category: origin; name: amber; variant: 700; ">
1791
- originAmber700
1792
- <a href="#origin-originAmber700"
1579
+ id="origin-colorsAmber700"
1580
+ title="theme: origin; category: colors; name: amber; variant: 700; ">
1581
+ colorsAmber700
1582
+ <a href="#origin-colorsAmber700"
1793
1583
  title="permalink"
1794
1584
  class="permalink">
1795
1585
  🔗
@@ -1807,10 +1597,10 @@
1807
1597
  </tr>
1808
1598
  <tr>
1809
1599
  <td class="with-icons is-vcentered"
1810
- id="origin-originAmber800"
1811
- title="theme: origin; category: origin; name: amber; variant: 800; ">
1812
- originAmber800
1813
- <a href="#origin-originAmber800"
1600
+ id="origin-colorsAmber800"
1601
+ title="theme: origin; category: colors; name: amber; variant: 800; ">
1602
+ colorsAmber800
1603
+ <a href="#origin-colorsAmber800"
1814
1604
  title="permalink"
1815
1605
  class="permalink">
1816
1606
  🔗
@@ -1828,10 +1618,10 @@
1828
1618
  </tr>
1829
1619
  <tr>
1830
1620
  <td class="with-icons is-vcentered"
1831
- id="origin-originAmber900"
1832
- title="theme: origin; category: origin; name: amber; variant: 900; ">
1833
- originAmber900
1834
- <a href="#origin-originAmber900"
1621
+ id="origin-colorsAmber900"
1622
+ title="theme: origin; category: colors; name: amber; variant: 900; ">
1623
+ colorsAmber900
1624
+ <a href="#origin-colorsAmber900"
1835
1625
  title="permalink"
1836
1626
  class="permalink">
1837
1627
  🔗
@@ -1849,52 +1639,10 @@
1849
1639
  </tr>
1850
1640
  <tr>
1851
1641
  <td class="with-icons is-vcentered"
1852
- id="origin-originAmber1000"
1853
- title="theme: origin; category: origin; name: amber; variant: 1000; ">
1854
- originAmber1000
1855
- <a href="#origin-originAmber1000"
1856
- title="permalink"
1857
- class="permalink">
1858
- 🔗
1859
- </a>
1860
- </td>
1861
- <td class="is-vcentered">
1862
- <pre>#000000ff</pre>
1863
- </td>
1864
- <td class="is-vcentered">
1865
- <div class="table__color-preview"
1866
- style="background-color: #000000ff;">
1867
- </div>
1868
-
1869
- </td>
1870
- </tr>
1871
- <tr>
1872
- <td class="with-icons is-vcentered"
1873
- id="origin-originAmber000"
1874
- title="theme: origin; category: origin; name: amber; variant: 000; ">
1875
- originAmber000
1876
- <a href="#origin-originAmber000"
1877
- title="permalink"
1878
- class="permalink">
1879
- 🔗
1880
- </a>
1881
- </td>
1882
- <td class="is-vcentered">
1883
- <pre>#ffffffff</pre>
1884
- </td>
1885
- <td class="is-vcentered">
1886
- <div class="table__color-preview"
1887
- style="background-color: #ffffffff;">
1888
- </div>
1889
-
1890
- </td>
1891
- </tr>
1892
- <tr>
1893
- <td class="with-icons is-vcentered"
1894
- id="origin-originAmber010"
1895
- title="theme: origin; category: origin; name: amber; variant: 010; ">
1896
- originAmber010
1897
- <a href="#origin-originAmber010"
1642
+ id="origin-colorsAmber010"
1643
+ title="theme: origin; category: colors; name: amber; variant: 010; ">
1644
+ colorsAmber010
1645
+ <a href="#origin-colorsAmber010"
1898
1646
  title="permalink"
1899
1647
  class="permalink">
1900
1648
  🔗
@@ -1912,10 +1660,10 @@
1912
1660
  </tr>
1913
1661
  <tr>
1914
1662
  <td class="with-icons is-vcentered"
1915
- id="origin-originAmber050"
1916
- title="theme: origin; category: origin; name: amber; variant: 050; ">
1917
- originAmber050
1918
- <a href="#origin-originAmber050"
1663
+ id="origin-colorsAmber050"
1664
+ title="theme: origin; category: colors; name: amber; variant: 050; ">
1665
+ colorsAmber050
1666
+ <a href="#origin-colorsAmber050"
1919
1667
  title="permalink"
1920
1668
  class="permalink">
1921
1669
  🔗
@@ -1933,640 +1681,598 @@
1933
1681
  </tr>
1934
1682
  <tr>
1935
1683
  <td class="with-icons is-vcentered"
1936
- id="origin-originSkin400"
1937
- title="theme: origin; category: origin; name: skin; variant: 400; ">
1938
- originSkin400
1939
- <a href="#origin-originSkin400"
1940
- title="permalink"
1941
- class="permalink">
1942
- 🔗
1943
- </a>
1944
- </td>
1945
- <td class="is-vcentered">
1946
- <pre>#ddb89eff</pre>
1947
- </td>
1948
- <td class="is-vcentered">
1949
- <div class="table__color-preview"
1950
- style="background-color: #ddb89eff;">
1951
- </div>
1952
-
1953
- </td>
1954
- </tr>
1955
- <tr>
1956
- <td class="with-icons is-vcentered"
1957
- id="origin-originSkin500"
1958
- title="theme: origin; category: origin; name: skin; variant: 500; ">
1959
- originSkin500
1960
- <a href="#origin-originSkin500"
1961
- title="permalink"
1962
- class="permalink">
1963
- 🔗
1964
- </a>
1965
- </td>
1966
- <td class="is-vcentered">
1967
- <pre>#e84d4fff</pre>
1968
- </td>
1969
- <td class="is-vcentered">
1970
- <div class="table__color-preview"
1971
- style="background-color: #e84d4fff;">
1972
- </div>
1973
-
1974
- </td>
1975
- </tr>
1976
- <tr>
1977
- <td class="with-icons is-vcentered"
1978
- id="origin-originSkin600"
1979
- title="theme: origin; category: origin; name: skin; variant: 600; ">
1980
- originSkin600
1981
- <a href="#origin-originSkin600"
1684
+ id="origin-colorsMalachite100"
1685
+ title="theme: origin; category: colors; name: malachite; variant: 100; ">
1686
+ colorsMalachite100
1687
+ <a href="#origin-colorsMalachite100"
1982
1688
  title="permalink"
1983
1689
  class="permalink">
1984
1690
  🔗
1985
1691
  </a>
1986
1692
  </td>
1987
1693
  <td class="is-vcentered">
1988
- <pre>#b26e3dff</pre>
1694
+ <pre>#8df79fff</pre>
1989
1695
  </td>
1990
1696
  <td class="is-vcentered">
1991
1697
  <div class="table__color-preview"
1992
- style="background-color: #b26e3dff;">
1698
+ style="background-color: #8df79fff;">
1993
1699
  </div>
1994
1700
 
1995
1701
  </td>
1996
1702
  </tr>
1997
1703
  <tr>
1998
1704
  <td class="with-icons is-vcentered"
1999
- id="origin-originSkin700"
2000
- title="theme: origin; category: origin; name: skin; variant: 700; ">
2001
- originSkin700
2002
- <a href="#origin-originSkin700"
1705
+ id="origin-colorsMalachite200"
1706
+ title="theme: origin; category: colors; name: malachite; variant: 200; ">
1707
+ colorsMalachite200
1708
+ <a href="#origin-colorsMalachite200"
2003
1709
  title="permalink"
2004
1710
  class="permalink">
2005
1711
  🔗
2006
1712
  </a>
2007
1713
  </td>
2008
1714
  <td class="is-vcentered">
2009
- <pre>#3a2417ff</pre>
1715
+ <pre>#42eb64ff</pre>
2010
1716
  </td>
2011
1717
  <td class="is-vcentered">
2012
1718
  <div class="table__color-preview"
2013
- style="background-color: #3a2417ff;">
1719
+ style="background-color: #42eb64ff;">
2014
1720
  </div>
2015
1721
 
2016
1722
  </td>
2017
1723
  </tr>
2018
1724
  <tr>
2019
1725
  <td class="with-icons is-vcentered"
2020
- id="origin-originGray100"
2021
- title="theme: origin; category: origin; name: gray; variant: 100; ">
2022
- originGray100
2023
- <a href="#origin-originGray100"
1726
+ id="origin-colorsMalachite300"
1727
+ title="theme: origin; category: colors; name: malachite; variant: 300; ">
1728
+ colorsMalachite300
1729
+ <a href="#origin-colorsMalachite300"
2024
1730
  title="permalink"
2025
1731
  class="permalink">
2026
1732
  🔗
2027
1733
  </a>
2028
1734
  </td>
2029
1735
  <td class="is-vcentered">
2030
- <pre>#e6e6e6ff</pre>
1736
+ <pre>#00d639ff</pre>
2031
1737
  </td>
2032
1738
  <td class="is-vcentered">
2033
1739
  <div class="table__color-preview"
2034
- style="background-color: #e6e6e6ff;">
1740
+ style="background-color: #00d639ff;">
2035
1741
  </div>
2036
1742
 
2037
1743
  </td>
2038
1744
  </tr>
2039
1745
  <tr>
2040
1746
  <td class="with-icons is-vcentered"
2041
- id="origin-originGray200"
2042
- title="theme: origin; category: origin; name: gray; variant: 200; ">
2043
- originGray200
2044
- <a href="#origin-originGray200"
1747
+ id="origin-colorsMalachite400"
1748
+ title="theme: origin; category: colors; name: malachite; variant: 400; ">
1749
+ colorsMalachite400
1750
+ <a href="#origin-colorsMalachite400"
2045
1751
  title="permalink"
2046
1752
  class="permalink">
2047
1753
  🔗
2048
1754
  </a>
2049
1755
  </td>
2050
1756
  <td class="is-vcentered">
2051
- <pre>#ccccccff</pre>
1757
+ <pre>#00af2dff</pre>
2052
1758
  </td>
2053
1759
  <td class="is-vcentered">
2054
1760
  <div class="table__color-preview"
2055
- style="background-color: #ccccccff;">
1761
+ style="background-color: #00af2dff;">
2056
1762
  </div>
2057
1763
 
2058
1764
  </td>
2059
1765
  </tr>
2060
1766
  <tr>
2061
1767
  <td class="with-icons is-vcentered"
2062
- id="origin-originGray300"
2063
- title="theme: origin; category: origin; name: gray; variant: 300; ">
2064
- originGray300
2065
- <a href="#origin-originGray300"
1768
+ id="origin-colorsMalachite500"
1769
+ title="theme: origin; category: colors; name: malachite; variant: 500; ">
1770
+ colorsMalachite500
1771
+ <a href="#origin-colorsMalachite500"
2066
1772
  title="permalink"
2067
1773
  class="permalink">
2068
1774
  🔗
2069
1775
  </a>
2070
1776
  </td>
2071
1777
  <td class="is-vcentered">
2072
- <pre>#b3b3b3ff</pre>
1778
+ <pre>#008a21ff</pre>
2073
1779
  </td>
2074
1780
  <td class="is-vcentered">
2075
1781
  <div class="table__color-preview"
2076
- style="background-color: #b3b3b3ff;">
1782
+ style="background-color: #008a21ff;">
2077
1783
  </div>
2078
1784
 
2079
1785
  </td>
2080
1786
  </tr>
2081
1787
  <tr>
2082
1788
  <td class="with-icons is-vcentered"
2083
- id="origin-originGray400"
2084
- title="theme: origin; category: origin; name: gray; variant: 400; ">
2085
- originGray400
2086
- <a href="#origin-originGray400"
1789
+ id="origin-colorsMalachite600"
1790
+ title="theme: origin; category: colors; name: malachite; variant: 600; ">
1791
+ colorsMalachite600
1792
+ <a href="#origin-colorsMalachite600"
2087
1793
  title="permalink"
2088
1794
  class="permalink">
2089
1795
  🔗
2090
1796
  </a>
2091
1797
  </td>
2092
1798
  <td class="is-vcentered">
2093
- <pre>#999999ff</pre>
1799
+ <pre>#006716ff</pre>
2094
1800
  </td>
2095
1801
  <td class="is-vcentered">
2096
1802
  <div class="table__color-preview"
2097
- style="background-color: #999999ff;">
1803
+ style="background-color: #006716ff;">
2098
1804
  </div>
2099
1805
 
2100
1806
  </td>
2101
1807
  </tr>
2102
1808
  <tr>
2103
1809
  <td class="with-icons is-vcentered"
2104
- id="origin-originGray500"
2105
- title="theme: origin; category: origin; name: gray; variant: 500; ">
2106
- originGray500
2107
- <a href="#origin-originGray500"
1810
+ id="origin-colorsMalachite700"
1811
+ title="theme: origin; category: colors; name: malachite; variant: 700; ">
1812
+ colorsMalachite700
1813
+ <a href="#origin-colorsMalachite700"
2108
1814
  title="permalink"
2109
1815
  class="permalink">
2110
1816
  🔗
2111
1817
  </a>
2112
1818
  </td>
2113
1819
  <td class="is-vcentered">
2114
- <pre>#808080ff</pre>
1820
+ <pre>#00460cff</pre>
2115
1821
  </td>
2116
1822
  <td class="is-vcentered">
2117
1823
  <div class="table__color-preview"
2118
- style="background-color: #808080ff;">
1824
+ style="background-color: #00460cff;">
2119
1825
  </div>
2120
1826
 
2121
1827
  </td>
2122
1828
  </tr>
2123
1829
  <tr>
2124
1830
  <td class="with-icons is-vcentered"
2125
- id="origin-originGray600"
2126
- title="theme: origin; category: origin; name: gray; variant: 600; ">
2127
- originGray600
2128
- <a href="#origin-originGray600"
1831
+ id="origin-colorsMalachite800"
1832
+ title="theme: origin; category: colors; name: malachite; variant: 800; ">
1833
+ colorsMalachite800
1834
+ <a href="#origin-colorsMalachite800"
2129
1835
  title="permalink"
2130
1836
  class="permalink">
2131
1837
  🔗
2132
1838
  </a>
2133
1839
  </td>
2134
1840
  <td class="is-vcentered">
2135
- <pre>#666666ff</pre>
1841
+ <pre>#002f08ff</pre>
2136
1842
  </td>
2137
1843
  <td class="is-vcentered">
2138
1844
  <div class="table__color-preview"
2139
- style="background-color: #666666ff;">
1845
+ style="background-color: #002f08ff;">
2140
1846
  </div>
2141
1847
 
2142
1848
  </td>
2143
1849
  </tr>
2144
1850
  <tr>
2145
1851
  <td class="with-icons is-vcentered"
2146
- id="origin-originGray700"
2147
- title="theme: origin; category: origin; name: gray; variant: 700; ">
2148
- originGray700
2149
- <a href="#origin-originGray700"
1852
+ id="origin-colorsMalachite900"
1853
+ title="theme: origin; category: colors; name: malachite; variant: 900; ">
1854
+ colorsMalachite900
1855
+ <a href="#origin-colorsMalachite900"
2150
1856
  title="permalink"
2151
1857
  class="permalink">
2152
1858
  🔗
2153
1859
  </a>
2154
1860
  </td>
2155
1861
  <td class="is-vcentered">
2156
- <pre>#4d4d4dff</pre>
1862
+ <pre>#001704ff</pre>
2157
1863
  </td>
2158
1864
  <td class="is-vcentered">
2159
1865
  <div class="table__color-preview"
2160
- style="background-color: #4d4d4dff;">
1866
+ style="background-color: #001704ff;">
2161
1867
  </div>
2162
1868
 
2163
1869
  </td>
2164
1870
  </tr>
2165
1871
  <tr>
2166
1872
  <td class="with-icons is-vcentered"
2167
- id="origin-originGray800"
2168
- title="theme: origin; category: origin; name: gray; variant: 800; ">
2169
- originGray800
2170
- <a href="#origin-originGray800"
1873
+ id="origin-colorsMalachite010"
1874
+ title="theme: origin; category: colors; name: malachite; variant: 010; ">
1875
+ colorsMalachite010
1876
+ <a href="#origin-colorsMalachite010"
2171
1877
  title="permalink"
2172
1878
  class="permalink">
2173
1879
  🔗
2174
1880
  </a>
2175
1881
  </td>
2176
1882
  <td class="is-vcentered">
2177
- <pre>#333333ff</pre>
1883
+ <pre>#effcf0ff</pre>
2178
1884
  </td>
2179
1885
  <td class="is-vcentered">
2180
1886
  <div class="table__color-preview"
2181
- style="background-color: #333333ff;">
1887
+ style="background-color: #effcf0ff;">
2182
1888
  </div>
2183
1889
 
2184
1890
  </td>
2185
1891
  </tr>
2186
1892
  <tr>
2187
1893
  <td class="with-icons is-vcentered"
2188
- id="origin-originGray900"
2189
- title="theme: origin; category: origin; name: gray; variant: 900; ">
2190
- originGray900
2191
- <a href="#origin-originGray900"
1894
+ id="origin-colorsMalachite050"
1895
+ title="theme: origin; category: colors; name: malachite; variant: 050; ">
1896
+ colorsMalachite050
1897
+ <a href="#origin-colorsMalachite050"
2192
1898
  title="permalink"
2193
1899
  class="permalink">
2194
1900
  🔗
2195
1901
  </a>
2196
1902
  </td>
2197
1903
  <td class="is-vcentered">
2198
- <pre>#191919ff</pre>
1904
+ <pre>#c1fac7ff</pre>
2199
1905
  </td>
2200
1906
  <td class="is-vcentered">
2201
1907
  <div class="table__color-preview"
2202
- style="background-color: #191919ff;">
1908
+ style="background-color: #c1fac7ff;">
2203
1909
  </div>
2204
1910
 
2205
1911
  </td>
2206
1912
  </tr>
2207
1913
  <tr>
2208
1914
  <td class="with-icons is-vcentered"
2209
- id="origin-originGray1000"
2210
- title="theme: origin; category: origin; name: gray; variant: 1000; ">
2211
- originGray1000
2212
- <a href="#origin-originGray1000"
1915
+ id="origin-colorsGray100"
1916
+ title="theme: origin; category: colors; name: gray; variant: 100; ">
1917
+ colorsGray100
1918
+ <a href="#origin-colorsGray100"
2213
1919
  title="permalink"
2214
1920
  class="permalink">
2215
1921
  🔗
2216
1922
  </a>
2217
1923
  </td>
2218
1924
  <td class="is-vcentered">
2219
- <pre>#000000ff</pre>
1925
+ <pre>#e6e6e6ff</pre>
2220
1926
  </td>
2221
1927
  <td class="is-vcentered">
2222
1928
  <div class="table__color-preview"
2223
- style="background-color: #000000ff;">
1929
+ style="background-color: #e6e6e6ff;">
2224
1930
  </div>
2225
1931
 
2226
1932
  </td>
2227
1933
  </tr>
2228
1934
  <tr>
2229
1935
  <td class="with-icons is-vcentered"
2230
- id="origin-originGray000"
2231
- title="theme: origin; category: origin; name: gray; variant: 000; ">
2232
- originGray000
2233
- <a href="#origin-originGray000"
1936
+ id="origin-colorsGray200"
1937
+ title="theme: origin; category: colors; name: gray; variant: 200; ">
1938
+ colorsGray200
1939
+ <a href="#origin-colorsGray200"
2234
1940
  title="permalink"
2235
1941
  class="permalink">
2236
1942
  🔗
2237
1943
  </a>
2238
1944
  </td>
2239
1945
  <td class="is-vcentered">
2240
- <pre>#ffffffff</pre>
1946
+ <pre>#ccccccff</pre>
2241
1947
  </td>
2242
1948
  <td class="is-vcentered">
2243
1949
  <div class="table__color-preview"
2244
- style="background-color: #ffffffff;">
1950
+ style="background-color: #ccccccff;">
2245
1951
  </div>
2246
1952
 
2247
1953
  </td>
2248
1954
  </tr>
2249
1955
  <tr>
2250
1956
  <td class="with-icons is-vcentered"
2251
- id="origin-originGray010"
2252
- title="theme: origin; category: origin; name: gray; variant: 010; ">
2253
- originGray010
2254
- <a href="#origin-originGray010"
1957
+ id="origin-colorsGray300"
1958
+ title="theme: origin; category: colors; name: gray; variant: 300; ">
1959
+ colorsGray300
1960
+ <a href="#origin-colorsGray300"
2255
1961
  title="permalink"
2256
1962
  class="permalink">
2257
1963
  🔗
2258
1964
  </a>
2259
1965
  </td>
2260
1966
  <td class="is-vcentered">
2261
- <pre>#fcfcfcff</pre>
1967
+ <pre>#b3b3b3ff</pre>
2262
1968
  </td>
2263
1969
  <td class="is-vcentered">
2264
1970
  <div class="table__color-preview"
2265
- style="background-color: #fcfcfcff;">
1971
+ style="background-color: #b3b3b3ff;">
2266
1972
  </div>
2267
1973
 
2268
1974
  </td>
2269
1975
  </tr>
2270
1976
  <tr>
2271
1977
  <td class="with-icons is-vcentered"
2272
- id="origin-originGray050"
2273
- title="theme: origin; category: origin; name: gray; variant: 050; ">
2274
- originGray050
2275
- <a href="#origin-originGray050"
1978
+ id="origin-colorsGray400"
1979
+ title="theme: origin; category: colors; name: gray; variant: 400; ">
1980
+ colorsGray400
1981
+ <a href="#origin-colorsGray400"
2276
1982
  title="permalink"
2277
1983
  class="permalink">
2278
1984
  🔗
2279
1985
  </a>
2280
1986
  </td>
2281
1987
  <td class="is-vcentered">
2282
- <pre>#f2f2f2ff</pre>
1988
+ <pre>#999999ff</pre>
2283
1989
  </td>
2284
1990
  <td class="is-vcentered">
2285
1991
  <div class="table__color-preview"
2286
- style="background-color: #f2f2f2ff;">
1992
+ style="background-color: #999999ff;">
2287
1993
  </div>
2288
1994
 
2289
1995
  </td>
2290
1996
  </tr>
2291
1997
  <tr>
2292
1998
  <td class="with-icons is-vcentered"
2293
- id="origin-originMalachite100"
2294
- title="theme: origin; category: origin; name: malachite; variant: 100; ">
2295
- originMalachite100
2296
- <a href="#origin-originMalachite100"
1999
+ id="origin-colorsGray500"
2000
+ title="theme: origin; category: colors; name: gray; variant: 500; ">
2001
+ colorsGray500
2002
+ <a href="#origin-colorsGray500"
2297
2003
  title="permalink"
2298
2004
  class="permalink">
2299
2005
  🔗
2300
2006
  </a>
2301
2007
  </td>
2302
2008
  <td class="is-vcentered">
2303
- <pre>#8df79fff</pre>
2009
+ <pre>#808080ff</pre>
2304
2010
  </td>
2305
2011
  <td class="is-vcentered">
2306
2012
  <div class="table__color-preview"
2307
- style="background-color: #8df79fff;">
2013
+ style="background-color: #808080ff;">
2308
2014
  </div>
2309
2015
 
2310
2016
  </td>
2311
2017
  </tr>
2312
2018
  <tr>
2313
2019
  <td class="with-icons is-vcentered"
2314
- id="origin-originMalachite200"
2315
- title="theme: origin; category: origin; name: malachite; variant: 200; ">
2316
- originMalachite200
2317
- <a href="#origin-originMalachite200"
2020
+ id="origin-colorsGray600"
2021
+ title="theme: origin; category: colors; name: gray; variant: 600; ">
2022
+ colorsGray600
2023
+ <a href="#origin-colorsGray600"
2318
2024
  title="permalink"
2319
2025
  class="permalink">
2320
2026
  🔗
2321
2027
  </a>
2322
2028
  </td>
2323
2029
  <td class="is-vcentered">
2324
- <pre>#42eb64ff</pre>
2030
+ <pre>#666666ff</pre>
2325
2031
  </td>
2326
2032
  <td class="is-vcentered">
2327
2033
  <div class="table__color-preview"
2328
- style="background-color: #42eb64ff;">
2034
+ style="background-color: #666666ff;">
2329
2035
  </div>
2330
2036
 
2331
2037
  </td>
2332
2038
  </tr>
2333
2039
  <tr>
2334
2040
  <td class="with-icons is-vcentered"
2335
- id="origin-originMalachite300"
2336
- title="theme: origin; category: origin; name: malachite; variant: 300; ">
2337
- originMalachite300
2338
- <a href="#origin-originMalachite300"
2041
+ id="origin-colorsGray700"
2042
+ title="theme: origin; category: colors; name: gray; variant: 700; ">
2043
+ colorsGray700
2044
+ <a href="#origin-colorsGray700"
2339
2045
  title="permalink"
2340
2046
  class="permalink">
2341
2047
  🔗
2342
2048
  </a>
2343
2049
  </td>
2344
2050
  <td class="is-vcentered">
2345
- <pre>#00d639ff</pre>
2051
+ <pre>#4d4d4dff</pre>
2346
2052
  </td>
2347
2053
  <td class="is-vcentered">
2348
2054
  <div class="table__color-preview"
2349
- style="background-color: #00d639ff;">
2055
+ style="background-color: #4d4d4dff;">
2350
2056
  </div>
2351
2057
 
2352
2058
  </td>
2353
2059
  </tr>
2354
2060
  <tr>
2355
2061
  <td class="with-icons is-vcentered"
2356
- id="origin-originMalachite400"
2357
- title="theme: origin; category: origin; name: malachite; variant: 400; ">
2358
- originMalachite400
2359
- <a href="#origin-originMalachite400"
2062
+ id="origin-colorsGray800"
2063
+ title="theme: origin; category: colors; name: gray; variant: 800; ">
2064
+ colorsGray800
2065
+ <a href="#origin-colorsGray800"
2360
2066
  title="permalink"
2361
2067
  class="permalink">
2362
2068
  🔗
2363
2069
  </a>
2364
2070
  </td>
2365
2071
  <td class="is-vcentered">
2366
- <pre>#00af2dff</pre>
2072
+ <pre>#333333ff</pre>
2367
2073
  </td>
2368
2074
  <td class="is-vcentered">
2369
2075
  <div class="table__color-preview"
2370
- style="background-color: #00af2dff;">
2076
+ style="background-color: #333333ff;">
2371
2077
  </div>
2372
2078
 
2373
2079
  </td>
2374
2080
  </tr>
2375
2081
  <tr>
2376
2082
  <td class="with-icons is-vcentered"
2377
- id="origin-originMalachite500"
2378
- title="theme: origin; category: origin; name: malachite; variant: 500; ">
2379
- originMalachite500
2380
- <a href="#origin-originMalachite500"
2083
+ id="origin-colorsGray900"
2084
+ title="theme: origin; category: colors; name: gray; variant: 900; ">
2085
+ colorsGray900
2086
+ <a href="#origin-colorsGray900"
2381
2087
  title="permalink"
2382
2088
  class="permalink">
2383
2089
  🔗
2384
2090
  </a>
2385
2091
  </td>
2386
2092
  <td class="is-vcentered">
2387
- <pre>#008a21ff</pre>
2093
+ <pre>#191919ff</pre>
2388
2094
  </td>
2389
2095
  <td class="is-vcentered">
2390
2096
  <div class="table__color-preview"
2391
- style="background-color: #008a21ff;">
2097
+ style="background-color: #191919ff;">
2392
2098
  </div>
2393
2099
 
2394
2100
  </td>
2395
2101
  </tr>
2396
2102
  <tr>
2397
2103
  <td class="with-icons is-vcentered"
2398
- id="origin-originMalachite600"
2399
- title="theme: origin; category: origin; name: malachite; variant: 600; ">
2400
- originMalachite600
2401
- <a href="#origin-originMalachite600"
2104
+ id="origin-colorsGray1000"
2105
+ title="theme: origin; category: colors; name: gray; variant: 1000; ">
2106
+ colorsGray1000
2107
+ <a href="#origin-colorsGray1000"
2402
2108
  title="permalink"
2403
2109
  class="permalink">
2404
2110
  🔗
2405
2111
  </a>
2406
2112
  </td>
2407
2113
  <td class="is-vcentered">
2408
- <pre>#006716ff</pre>
2114
+ <pre>#000000ff</pre>
2409
2115
  </td>
2410
2116
  <td class="is-vcentered">
2411
2117
  <div class="table__color-preview"
2412
- style="background-color: #006716ff;">
2118
+ style="background-color: #000000ff;">
2413
2119
  </div>
2414
2120
 
2415
2121
  </td>
2416
2122
  </tr>
2417
2123
  <tr>
2418
2124
  <td class="with-icons is-vcentered"
2419
- id="origin-originMalachite700"
2420
- title="theme: origin; category: origin; name: malachite; variant: 700; ">
2421
- originMalachite700
2422
- <a href="#origin-originMalachite700"
2125
+ id="origin-colorsGray000"
2126
+ title="theme: origin; category: colors; name: gray; variant: 000; ">
2127
+ colorsGray000
2128
+ <a href="#origin-colorsGray000"
2423
2129
  title="permalink"
2424
2130
  class="permalink">
2425
2131
  🔗
2426
2132
  </a>
2427
2133
  </td>
2428
2134
  <td class="is-vcentered">
2429
- <pre>#00460cff</pre>
2135
+ <pre>#ffffffff</pre>
2430
2136
  </td>
2431
2137
  <td class="is-vcentered">
2432
2138
  <div class="table__color-preview"
2433
- style="background-color: #00460cff;">
2139
+ style="background-color: #ffffffff;">
2434
2140
  </div>
2435
2141
 
2436
2142
  </td>
2437
2143
  </tr>
2438
2144
  <tr>
2439
2145
  <td class="with-icons is-vcentered"
2440
- id="origin-originMalachite800"
2441
- title="theme: origin; category: origin; name: malachite; variant: 800; ">
2442
- originMalachite800
2443
- <a href="#origin-originMalachite800"
2146
+ id="origin-colorsGray010"
2147
+ title="theme: origin; category: colors; name: gray; variant: 010; ">
2148
+ colorsGray010
2149
+ <a href="#origin-colorsGray010"
2444
2150
  title="permalink"
2445
2151
  class="permalink">
2446
2152
  🔗
2447
2153
  </a>
2448
2154
  </td>
2449
2155
  <td class="is-vcentered">
2450
- <pre>#002f08ff</pre>
2156
+ <pre>#fcfcfcff</pre>
2451
2157
  </td>
2452
2158
  <td class="is-vcentered">
2453
2159
  <div class="table__color-preview"
2454
- style="background-color: #002f08ff;">
2160
+ style="background-color: #fcfcfcff;">
2455
2161
  </div>
2456
2162
 
2457
2163
  </td>
2458
2164
  </tr>
2459
2165
  <tr>
2460
2166
  <td class="with-icons is-vcentered"
2461
- id="origin-originMalachite900"
2462
- title="theme: origin; category: origin; name: malachite; variant: 900; ">
2463
- originMalachite900
2464
- <a href="#origin-originMalachite900"
2167
+ id="origin-colorsGray050"
2168
+ title="theme: origin; category: colors; name: gray; variant: 050; ">
2169
+ colorsGray050
2170
+ <a href="#origin-colorsGray050"
2465
2171
  title="permalink"
2466
2172
  class="permalink">
2467
2173
  🔗
2468
2174
  </a>
2469
2175
  </td>
2470
2176
  <td class="is-vcentered">
2471
- <pre>#001704ff</pre>
2177
+ <pre>#f2f2f2ff</pre>
2472
2178
  </td>
2473
2179
  <td class="is-vcentered">
2474
2180
  <div class="table__color-preview"
2475
- style="background-color: #001704ff;">
2181
+ style="background-color: #f2f2f2ff;">
2476
2182
  </div>
2477
2183
 
2478
2184
  </td>
2479
2185
  </tr>
2480
2186
  <tr>
2481
2187
  <td class="with-icons is-vcentered"
2482
- id="origin-originMalachite1000"
2483
- title="theme: origin; category: origin; name: malachite; variant: 1000; ">
2484
- originMalachite1000
2485
- <a href="#origin-originMalachite1000"
2188
+ id="origin-colorsSkin400"
2189
+ title="theme: origin; category: colors; name: skin; variant: 400; ">
2190
+ colorsSkin400
2191
+ <a href="#origin-colorsSkin400"
2486
2192
  title="permalink"
2487
2193
  class="permalink">
2488
2194
  🔗
2489
2195
  </a>
2490
2196
  </td>
2491
2197
  <td class="is-vcentered">
2492
- <pre>#000000ff</pre>
2198
+ <pre>#ddb89eff</pre>
2493
2199
  </td>
2494
2200
  <td class="is-vcentered">
2495
2201
  <div class="table__color-preview"
2496
- style="background-color: #000000ff;">
2202
+ style="background-color: #ddb89eff;">
2497
2203
  </div>
2498
2204
 
2499
2205
  </td>
2500
2206
  </tr>
2501
2207
  <tr>
2502
2208
  <td class="with-icons is-vcentered"
2503
- id="origin-originMalachite000"
2504
- title="theme: origin; category: origin; name: malachite; variant: 000; ">
2505
- originMalachite000
2506
- <a href="#origin-originMalachite000"
2209
+ id="origin-colorsSkin500"
2210
+ title="theme: origin; category: colors; name: skin; variant: 500; ">
2211
+ colorsSkin500
2212
+ <a href="#origin-colorsSkin500"
2507
2213
  title="permalink"
2508
2214
  class="permalink">
2509
2215
  🔗
2510
2216
  </a>
2511
2217
  </td>
2512
2218
  <td class="is-vcentered">
2513
- <pre>#ffffffff</pre>
2219
+ <pre>#e84d4fff</pre>
2514
2220
  </td>
2515
2221
  <td class="is-vcentered">
2516
2222
  <div class="table__color-preview"
2517
- style="background-color: #ffffffff;">
2223
+ style="background-color: #e84d4fff;">
2518
2224
  </div>
2519
2225
 
2520
2226
  </td>
2521
2227
  </tr>
2522
2228
  <tr>
2523
2229
  <td class="with-icons is-vcentered"
2524
- id="origin-originMalachite010"
2525
- title="theme: origin; category: origin; name: malachite; variant: 010; ">
2526
- originMalachite010
2527
- <a href="#origin-originMalachite010"
2230
+ id="origin-colorsSkin600"
2231
+ title="theme: origin; category: colors; name: skin; variant: 600; ">
2232
+ colorsSkin600
2233
+ <a href="#origin-colorsSkin600"
2528
2234
  title="permalink"
2529
2235
  class="permalink">
2530
2236
  🔗
2531
2237
  </a>
2532
2238
  </td>
2533
2239
  <td class="is-vcentered">
2534
- <pre>#effcf0ff</pre>
2240
+ <pre>#b26e3dff</pre>
2535
2241
  </td>
2536
2242
  <td class="is-vcentered">
2537
2243
  <div class="table__color-preview"
2538
- style="background-color: #effcf0ff;">
2244
+ style="background-color: #b26e3dff;">
2539
2245
  </div>
2540
2246
 
2541
2247
  </td>
2542
2248
  </tr>
2543
2249
  <tr>
2544
2250
  <td class="with-icons is-vcentered"
2545
- id="origin-originMalachite050"
2546
- title="theme: origin; category: origin; name: malachite; variant: 050; ">
2547
- originMalachite050
2548
- <a href="#origin-originMalachite050"
2251
+ id="origin-colorsSkin700"
2252
+ title="theme: origin; category: colors; name: skin; variant: 700; ">
2253
+ colorsSkin700
2254
+ <a href="#origin-colorsSkin700"
2549
2255
  title="permalink"
2550
2256
  class="permalink">
2551
2257
  🔗
2552
2258
  </a>
2553
2259
  </td>
2554
2260
  <td class="is-vcentered">
2555
- <pre>#c1fac7ff</pre>
2261
+ <pre>#3a2417ff</pre>
2556
2262
  </td>
2557
2263
  <td class="is-vcentered">
2558
2264
  <div class="table__color-preview"
2559
- style="background-color: #c1fac7ff;">
2265
+ style="background-color: #3a2417ff;">
2560
2266
  </div>
2561
2267
 
2562
2268
  </td>
2563
2269
  </tr>
2564
2270
  <tr>
2565
2271
  <td class="with-icons is-vcentered"
2566
- id="origin-originFuchsia400"
2567
- title="theme: origin; category: origin; name: fuchsia; variant: 400; ">
2568
- originFuchsia400
2569
- <a href="#origin-originFuchsia400"
2272
+ id="origin-colorsFuchsia400"
2273
+ title="theme: origin; category: colors; name: fuchsia; variant: 400; ">
2274
+ colorsFuchsia400
2275
+ <a href="#origin-colorsFuchsia400"
2570
2276
  title="permalink"
2571
2277
  class="permalink">
2572
2278
  🔗
@@ -2584,10 +2290,10 @@
2584
2290
  </tr>
2585
2291
  <tr>
2586
2292
  <td class="with-icons is-vcentered"
2587
- id="origin-originFuchsia500"
2588
- title="theme: origin; category: origin; name: fuchsia; variant: 500; ">
2589
- originFuchsia500
2590
- <a href="#origin-originFuchsia500"
2293
+ id="origin-colorsFuchsia500"
2294
+ title="theme: origin; category: colors; name: fuchsia; variant: 500; ">
2295
+ colorsFuchsia500
2296
+ <a href="#origin-colorsFuchsia500"
2591
2297
  title="permalink"
2592
2298
  class="permalink">
2593
2299
  🔗