@sage/design-tokens 2.64.0 → 2.65.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 (53) hide show
  1. package/android/base.xml +4 -2
  2. package/android/dashboard/darkMode.xml +11 -0
  3. package/android/dashboard/lightMode.xml +11 -0
  4. package/android/origin.xml +108 -97
  5. package/css/base.css +4 -2
  6. package/css/dashboard/darkMode.css +13 -0
  7. package/css/dashboard/lightMode.css +13 -0
  8. package/css/origin.css +108 -97
  9. package/data/tokens.json +1125 -132
  10. package/docs/tokens/base/border-radius/index.html +41 -20
  11. package/docs/tokens/base/border-width/index.html +2 -2
  12. package/docs/tokens/base/box-shadow/index.html +2 -2
  13. package/docs/tokens/base/colors/index.html +23 -2
  14. package/docs/tokens/base/font-families/index.html +2 -2
  15. package/docs/tokens/base/font-sizes/index.html +2 -2
  16. package/docs/tokens/base/font-weights/index.html +2 -2
  17. package/docs/tokens/base/index.html +62 -20
  18. package/docs/tokens/base/line-heights/index.html +2 -2
  19. package/docs/tokens/base/opacity/index.html +2 -2
  20. package/docs/tokens/base/sizing/index.html +2 -2
  21. package/docs/tokens/base/spacing/index.html +2 -2
  22. package/docs/tokens/base/typography/index.html +2 -2
  23. package/docs/tokens/index.html +812 -539
  24. package/docs/tokens/origin/index.html +750 -519
  25. package/docs/tokens/origin/{colors → origin-colors-reference-only}/index.html +751 -520
  26. package/index.js +4 -0
  27. package/ios/base.h +4 -2
  28. package/ios/dashboard/darkMode.h +15 -0
  29. package/ios/dashboard/lightMode.h +15 -0
  30. package/ios/origin.h +108 -97
  31. package/js/base/common.d.ts +3 -1
  32. package/js/base/common.js +4 -2
  33. package/js/base/es6.d.ts +3 -1
  34. package/js/base/es6.js +3 -1
  35. package/js/dashboard/darkMode/common.d.ts +2 -0
  36. package/js/dashboard/darkMode/common.js +13 -0
  37. package/js/dashboard/darkMode/es6.d.ts +5 -0
  38. package/js/dashboard/darkMode/es6.js +8 -0
  39. package/js/dashboard/lightMode/common.d.ts +2 -0
  40. package/js/dashboard/lightMode/common.js +13 -0
  41. package/js/dashboard/lightMode/es6.d.ts +5 -0
  42. package/js/dashboard/lightMode/es6.js +8 -0
  43. package/js/origin/common.d.ts +107 -96
  44. package/js/origin/common.js +108 -97
  45. package/js/origin/es6.d.ts +107 -96
  46. package/js/origin/es6.js +107 -96
  47. package/package.json +1 -1
  48. package/sage-design-tokens-2.65.0.tgz +0 -0
  49. package/scss/base.scss +4 -2
  50. package/scss/dashboard/darkMode.scss +10 -0
  51. package/scss/dashboard/lightMode.scss +10 -0
  52. package/scss/origin.scss +108 -97
  53. package/sage-design-tokens-2.64.0.tgz +0 -0
package/docs/tokens/index.html CHANGED
@@ -263,8 +263,8 @@
263
263
  </p>
264
264
  <ul class="menu-list">
265
265
  <li>
266
- <a href="origin/colors/index.html">
267
- colors
266
+ <a href="origin/origin-colors-reference-only/index.html">
267
+ origin-colors (reference only)
268
268
  </a>
269
269
  </li>
270
270
  </ul>
@@ -4814,6 +4814,27 @@
4814
4814
 
4815
4815
  </td>
4816
4816
  </tr>
4817
+ <tr>
4818
+ <td class="with-icons is-vcentered"
4819
+ id="base-colorsComponentsMenuYang030"
4820
+ title="theme: base; category: colors; group: components; name: menu; subgroup: yang; variant: 030; ">
4821
+ colorsComponentsMenuYang030
4822
+ <a href="#base-colorsComponentsMenuYang030"
4823
+ title="permalink"
4824
+ class="permalink">
4825
+ 🔗
4826
+ </a>
4827
+ </td>
4828
+ <td class="is-vcentered">
4829
+ <pre>#ffffff4d</pre>
4830
+ </td>
4831
+ <td class="is-vcentered">
4832
+ <div class="table__color-preview"
4833
+ style="background-color: #ffffff4d;">
4834
+ </div>
4835
+
4836
+ </td>
4837
+ </tr>
4817
4838
  <tr>
4818
4839
  <td class="with-icons is-vcentered"
4819
4840
  id="base-colorsComponentsMenuTransparent"
@@ -7022,63 +7043,84 @@
7022
7043
  </tr>
7023
7044
  <tr>
7024
7045
  <td class="with-icons is-vcentered"
7025
- id="base-borderRadius025"
7026
- title="theme: base; category: borderRadius; variant: 025; ">
7027
- borderRadius025
7028
- <a href="#base-borderRadius025"
7046
+ id="base-borderRadius000"
7047
+ title="theme: base; category: borderRadius; variant: 000; ">
7048
+ borderRadius000
7049
+ <a href="#base-borderRadius000"
7029
7050
  title="permalink"
7030
7051
  class="permalink">
7031
7052
  🔗
7032
7053
  </a>
7033
7054
  </td>
7034
7055
  <td class="is-vcentered">
7035
- <pre>2px</pre>
7056
+ <pre>0px</pre>
7036
7057
  </td>
7037
7058
  <td class="is-vcentered">
7038
7059
  <div class="table__border-radius-preview"
7039
- style="border-top-right-radius: 2px">
7060
+ style="border-top-right-radius: 0px">
7040
7061
  </div>
7041
7062
 
7042
7063
  </td>
7043
7064
  </tr>
7044
7065
  <tr>
7045
7066
  <td class="with-icons is-vcentered"
7046
- id="base-borderRadius050"
7047
- title="theme: base; category: borderRadius; variant: 050; ">
7048
- borderRadius050
7049
- <a href="#base-borderRadius050"
7067
+ id="base-borderRadius010"
7068
+ title="theme: base; category: borderRadius; variant: 010; ">
7069
+ borderRadius010
7070
+ <a href="#base-borderRadius010"
7050
7071
  title="permalink"
7051
7072
  class="permalink">
7052
7073
  🔗
7053
7074
  </a>
7054
7075
  </td>
7055
7076
  <td class="is-vcentered">
7056
- <pre>4px</pre>
7077
+ <pre>1px</pre>
7057
7078
  </td>
7058
7079
  <td class="is-vcentered">
7059
7080
  <div class="table__border-radius-preview"
7060
- style="border-top-right-radius: 4px">
7081
+ style="border-top-right-radius: 1px">
7061
7082
  </div>
7062
7083
 
7063
7084
  </td>
7064
7085
  </tr>
7065
7086
  <tr>
7066
7087
  <td class="with-icons is-vcentered"
7067
- id="base-borderRadius000"
7068
- title="theme: base; category: borderRadius; variant: 000; ">
7069
- borderRadius000
7070
- <a href="#base-borderRadius000"
7088
+ id="base-borderRadius025"
7089
+ title="theme: base; category: borderRadius; variant: 025; ">
7090
+ borderRadius025
7091
+ <a href="#base-borderRadius025"
7071
7092
  title="permalink"
7072
7093
  class="permalink">
7073
7094
  🔗
7074
7095
  </a>
7075
7096
  </td>
7076
7097
  <td class="is-vcentered">
7077
- <pre>0px</pre>
7098
+ <pre>2px</pre>
7078
7099
  </td>
7079
7100
  <td class="is-vcentered">
7080
7101
  <div class="table__border-radius-preview"
7081
- style="border-top-right-radius: 0px">
7102
+ style="border-top-right-radius: 2px">
7103
+ </div>
7104
+
7105
+ </td>
7106
+ </tr>
7107
+ <tr>
7108
+ <td class="with-icons is-vcentered"
7109
+ id="base-borderRadius050"
7110
+ title="theme: base; category: borderRadius; variant: 050; ">
7111
+ borderRadius050
7112
+ <a href="#base-borderRadius050"
7113
+ title="permalink"
7114
+ class="permalink">
7115
+ 🔗
7116
+ </a>
7117
+ </td>
7118
+ <td class="is-vcentered">
7119
+ <pre>4px</pre>
7120
+ </td>
7121
+ <td class="is-vcentered">
7122
+ <div class="table__border-radius-preview"
7123
+ style="border-top-right-radius: 4px">
7082
7124
  </div>
7083
7125
 
7084
7126
  </td>
@@ -10389,9 +10431,9 @@
10389
10431
  <a href="#origin" title="permalink" class="permalink">🔗</a>
10390
10432
  </h2>
10391
10433
  <section class="my-6">
10392
- <h3 class="with-icons title is-3 has-text-weight-bold" id="origin-colors">
10393
- colors
10394
- <a href="#origin-colors" title="permalink" class="permalink">
10434
+ <h3 class="with-icons title is-3 has-text-weight-bold" id="origin-origin-colors (reference only)">
10435
+ origin-colors (reference only)
10436
+ <a href="#origin-origin-colors (reference only)" title="permalink" class="permalink">
10395
10437
  🔗
10396
10438
  </a>
10397
10439
  </h3>
@@ -10410,1165 +10452,1165 @@
10410
10452
  </thead>
10411
10453
  <tr>
10412
10454
  <td class="with-icons is-vcentered"
10413
- id="origin-colorsJade100"
10414
- title="theme: origin; category: colors; name: jade; variant: 100; ">
10415
- colorsJade100
10416
- <a href="#origin-colorsJade100"
10455
+ id="origin-originColorsReferenceOnlyYin100"
10456
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 100; ">
10457
+ originColorsReferenceOnlyYin100
10458
+ <a href="#origin-originColorsReferenceOnlyYin100"
10417
10459
  title="permalink"
10418
10460
  class="permalink">
10419
10461
  🔗
10420
10462
  </a>
10421
10463
  </td>
10422
10464
  <td class="is-vcentered">
10423
- <pre>#8ff8b7ff</pre>
10465
+ <pre>#000000ff</pre>
10424
10466
  </td>
10425
10467
  <td class="is-vcentered">
10426
10468
  <div class="table__color-preview"
10427
- style="background-color: #8ff8b7ff;">
10469
+ style="background-color: #000000ff;">
10428
10470
  </div>
10429
10471
 
10430
10472
  </td>
10431
10473
  </tr>
10432
10474
  <tr>
10433
10475
  <td class="with-icons is-vcentered"
10434
- id="origin-colorsJade200"
10435
- title="theme: origin; category: colors; name: jade; variant: 200; ">
10436
- colorsJade200
10437
- <a href="#origin-colorsJade200"
10476
+ id="origin-originColorsReferenceOnlyYin010"
10477
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 010; ">
10478
+ originColorsReferenceOnlyYin010
10479
+ <a href="#origin-originColorsReferenceOnlyYin010"
10438
10480
  title="permalink"
10439
10481
  class="permalink">
10440
10482
  🔗
10441
10483
  </a>
10442
10484
  </td>
10443
10485
  <td class="is-vcentered">
10444
- <pre>#44ed90ff</pre>
10486
+ <pre>#0000001a</pre>
10445
10487
  </td>
10446
10488
  <td class="is-vcentered">
10447
10489
  <div class="table__color-preview"
10448
- style="background-color: #44ed90ff;">
10490
+ style="background-color: #0000001a;">
10449
10491
  </div>
10450
10492
 
10451
10493
  </td>
10452
10494
  </tr>
10453
10495
  <tr>
10454
10496
  <td class="with-icons is-vcentered"
10455
- id="origin-colorsJade300"
10456
- title="theme: origin; category: colors; name: jade; variant: 300; ">
10457
- colorsJade300
10458
- <a href="#origin-colorsJade300"
10497
+ id="origin-originColorsReferenceOnlyYin020"
10498
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 020; ">
10499
+ originColorsReferenceOnlyYin020
10500
+ <a href="#origin-originColorsReferenceOnlyYin020"
10459
10501
  title="permalink"
10460
10502
  class="permalink">
10461
10503
  🔗
10462
10504
  </a>
10463
10505
  </td>
10464
10506
  <td class="is-vcentered">
10465
- <pre>#00ca71ff</pre>
10507
+ <pre>#00000033</pre>
10466
10508
  </td>
10467
10509
  <td class="is-vcentered">
10468
10510
  <div class="table__color-preview"
10469
- style="background-color: #00ca71ff;">
10511
+ style="background-color: #00000033;">
10470
10512
  </div>
10471
10513
 
10472
10514
  </td>
10473
10515
  </tr>
10474
10516
  <tr>
10475
10517
  <td class="with-icons is-vcentered"
10476
- id="origin-colorsJade400"
10477
- title="theme: origin; category: colors; name: jade; variant: 400; ">
10478
- colorsJade400
10479
- <a href="#origin-colorsJade400"
10518
+ id="origin-originColorsReferenceOnlyYin030"
10519
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 030; ">
10520
+ originColorsReferenceOnlyYin030
10521
+ <a href="#origin-originColorsReferenceOnlyYin030"
10480
10522
  title="permalink"
10481
10523
  class="permalink">
10482
10524
  🔗
10483
10525
  </a>
10484
10526
  </td>
10485
10527
  <td class="is-vcentered">
10486
- <pre>#00a65cff</pre>
10528
+ <pre>#0000004d</pre>
10487
10529
  </td>
10488
10530
  <td class="is-vcentered">
10489
10531
  <div class="table__color-preview"
10490
- style="background-color: #00a65cff;">
10532
+ style="background-color: #0000004d;">
10491
10533
  </div>
10492
10534
 
10493
10535
  </td>
10494
10536
  </tr>
10495
10537
  <tr>
10496
10538
  <td class="with-icons is-vcentered"
10497
- id="origin-colorsJade500"
10498
- title="theme: origin; category: colors; name: jade; variant: 500; ">
10499
- colorsJade500
10500
- <a href="#origin-colorsJade500"
10539
+ id="origin-originColorsReferenceOnlyYin055"
10540
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 055; ">
10541
+ originColorsReferenceOnlyYin055
10542
+ <a href="#origin-originColorsReferenceOnlyYin055"
10501
10543
  title="permalink"
10502
10544
  class="permalink">
10503
10545
  🔗
10504
10546
  </a>
10505
10547
  </td>
10506
10548
  <td class="is-vcentered">
10507
- <pre>#00884aff</pre>
10549
+ <pre>#0000008c</pre>
10508
10550
  </td>
10509
10551
  <td class="is-vcentered">
10510
10552
  <div class="table__color-preview"
10511
- style="background-color: #00884aff;">
10553
+ style="background-color: #0000008c;">
10512
10554
  </div>
10513
10555
 
10514
10556
  </td>
10515
10557
  </tr>
10516
10558
  <tr>
10517
10559
  <td class="with-icons is-vcentered"
10518
- id="origin-colorsJade600"
10519
- title="theme: origin; category: colors; name: jade; variant: 600; ">
10520
- colorsJade600
10521
- <a href="#origin-colorsJade600"
10560
+ id="origin-originColorsReferenceOnlyYin065"
10561
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 065; ">
10562
+ originColorsReferenceOnlyYin065
10563
+ <a href="#origin-originColorsReferenceOnlyYin065"
10522
10564
  title="permalink"
10523
10565
  class="permalink">
10524
10566
  🔗
10525
10567
  </a>
10526
10568
  </td>
10527
10569
  <td class="is-vcentered">
10528
- <pre>#006d3bff</pre>
10570
+ <pre>#000000a6</pre>
10529
10571
  </td>
10530
10572
  <td class="is-vcentered">
10531
10573
  <div class="table__color-preview"
10532
- style="background-color: #006d3bff;">
10574
+ style="background-color: #000000a6;">
10533
10575
  </div>
10534
10576
 
10535
10577
  </td>
10536
10578
  </tr>
10537
10579
  <tr>
10538
10580
  <td class="with-icons is-vcentered"
10539
- id="origin-colorsJade700"
10540
- title="theme: origin; category: colors; name: jade; variant: 700; ">
10541
- colorsJade700
10542
- <a href="#origin-colorsJade700"
10581
+ id="origin-originColorsReferenceOnlyYin075"
10582
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 075; ">
10583
+ originColorsReferenceOnlyYin075
10584
+ <a href="#origin-originColorsReferenceOnlyYin075"
10543
10585
  title="permalink"
10544
10586
  class="permalink">
10545
10587
  🔗
10546
10588
  </a>
10547
10589
  </td>
10548
10590
  <td class="is-vcentered">
10549
- <pre>#00522cff</pre>
10591
+ <pre>#000000bf</pre>
10550
10592
  </td>
10551
10593
  <td class="is-vcentered">
10552
10594
  <div class="table__color-preview"
10553
- style="background-color: #00522cff;">
10595
+ style="background-color: #000000bf;">
10554
10596
  </div>
10555
10597
 
10556
10598
  </td>
10557
10599
  </tr>
10558
10600
  <tr>
10559
10601
  <td class="with-icons is-vcentered"
10560
- id="origin-colorsJade800"
10561
- title="theme: origin; category: colors; name: jade; variant: 800; ">
10562
- colorsJade800
10563
- <a href="#origin-colorsJade800"
10602
+ id="origin-originColorsReferenceOnlyYin090"
10603
+ title="theme: origin; category: origin-colors (reference only); name: yin; variant: 090; ">
10604
+ originColorsReferenceOnlyYin090
10605
+ <a href="#origin-originColorsReferenceOnlyYin090"
10564
10606
  title="permalink"
10565
10607
  class="permalink">
10566
10608
  🔗
10567
10609
  </a>
10568
10610
  </td>
10569
10611
  <td class="is-vcentered">
10570
- <pre>#00361eff</pre>
10612
+ <pre>#000000e6</pre>
10571
10613
  </td>
10572
10614
  <td class="is-vcentered">
10573
10615
  <div class="table__color-preview"
10574
- style="background-color: #00361eff;">
10616
+ style="background-color: #000000e6;">
10575
10617
  </div>
10576
10618
 
10577
10619
  </td>
10578
10620
  </tr>
10579
10621
  <tr>
10580
10622
  <td class="with-icons is-vcentered"
10581
- id="origin-colorsJade900"
10582
- title="theme: origin; category: colors; name: jade; variant: 900; ">
10583
- colorsJade900
10584
- <a href="#origin-colorsJade900"
10623
+ id="origin-originColorsReferenceOnlyYang100"
10624
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 100; ">
10625
+ originColorsReferenceOnlyYang100
10626
+ <a href="#origin-originColorsReferenceOnlyYang100"
10585
10627
  title="permalink"
10586
10628
  class="permalink">
10587
10629
  🔗
10588
10630
  </a>
10589
10631
  </td>
10590
10632
  <td class="is-vcentered">
10591
- <pre>#001b0fff</pre>
10633
+ <pre>#ffffffff</pre>
10592
10634
  </td>
10593
10635
  <td class="is-vcentered">
10594
10636
  <div class="table__color-preview"
10595
- style="background-color: #001b0fff;">
10637
+ style="background-color: #ffffffff;">
10596
10638
  </div>
10597
10639
 
10598
10640
  </td>
10599
10641
  </tr>
10600
10642
  <tr>
10601
10643
  <td class="with-icons is-vcentered"
10602
- id="origin-colorsJade010"
10603
- title="theme: origin; category: colors; name: jade; variant: 010; ">
10604
- colorsJade010
10605
- <a href="#origin-colorsJade010"
10644
+ id="origin-originColorsReferenceOnlyYang030"
10645
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 030; ">
10646
+ originColorsReferenceOnlyYang030
10647
+ <a href="#origin-originColorsReferenceOnlyYang030"
10606
10648
  title="permalink"
10607
10649
  class="permalink">
10608
10650
  🔗
10609
10651
  </a>
10610
10652
  </td>
10611
10653
  <td class="is-vcentered">
10612
- <pre>#f2fef7ff</pre>
10654
+ <pre>#ffffff4d</pre>
10613
10655
  </td>
10614
10656
  <td class="is-vcentered">
10615
10657
  <div class="table__color-preview"
10616
- style="background-color: #f2fef7ff;">
10658
+ style="background-color: #ffffff4d;">
10617
10659
  </div>
10618
10660
 
10619
10661
  </td>
10620
10662
  </tr>
10621
10663
  <tr>
10622
10664
  <td class="with-icons is-vcentered"
10623
- id="origin-colorsJade050"
10624
- title="theme: origin; category: colors; name: jade; variant: 050; ">
10625
- colorsJade050
10626
- <a href="#origin-colorsJade050"
10665
+ id="origin-originColorsReferenceOnlyYang080"
10666
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 080; ">
10667
+ originColorsReferenceOnlyYang080
10668
+ <a href="#origin-originColorsReferenceOnlyYang080"
10627
10669
  title="permalink"
10628
10670
  class="permalink">
10629
10671
  🔗
10630
10672
  </a>
10631
10673
  </td>
10632
10674
  <td class="is-vcentered">
10633
- <pre>#c4fcd8ff</pre>
10675
+ <pre>#ffffffcc</pre>
10634
10676
  </td>
10635
10677
  <td class="is-vcentered">
10636
10678
  <div class="table__color-preview"
10637
- style="background-color: #c4fcd8ff;">
10679
+ style="background-color: #ffffffcc;">
10638
10680
  </div>
10639
10681
 
10640
10682
  </td>
10641
10683
  </tr>
10642
10684
  <tr>
10643
10685
  <td class="with-icons is-vcentered"
10644
- id="origin-colorsNavy100"
10645
- title="theme: origin; category: colors; name: navy; variant: 100; ">
10646
- colorsNavy100
10647
- <a href="#origin-colorsNavy100"
10686
+ id="origin-originColorsReferenceOnlyMalachite100"
10687
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 100; ">
10688
+ originColorsReferenceOnlyMalachite100
10689
+ <a href="#origin-originColorsReferenceOnlyMalachite100"
10648
10690
  title="permalink"
10649
10691
  class="permalink">
10650
10692
  🔗
10651
10693
  </a>
10652
10694
  </td>
10653
10695
  <td class="is-vcentered">
10654
- <pre>#89d7edff</pre>
10696
+ <pre>#8df79fff</pre>
10655
10697
  </td>
10656
10698
  <td class="is-vcentered">
10657
10699
  <div class="table__color-preview"
10658
- style="background-color: #89d7edff;">
10700
+ style="background-color: #8df79fff;">
10659
10701
  </div>
10660
10702
 
10661
10703
  </td>
10662
10704
  </tr>
10663
10705
  <tr>
10664
10706
  <td class="with-icons is-vcentered"
10665
- id="origin-colorsNavy200"
10666
- title="theme: origin; category: colors; name: navy; variant: 200; ">
10667
- colorsNavy200
10668
- <a href="#origin-colorsNavy200"
10707
+ id="origin-originColorsReferenceOnlyMalachite200"
10708
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 200; ">
10709
+ originColorsReferenceOnlyMalachite200
10710
+ <a href="#origin-originColorsReferenceOnlyMalachite200"
10669
10711
  title="permalink"
10670
10712
  class="permalink">
10671
10713
  🔗
10672
10714
  </a>
10673
10715
  </td>
10674
10716
  <td class="is-vcentered">
10675
- <pre>#65bedfff</pre>
10717
+ <pre>#42eb64ff</pre>
10676
10718
  </td>
10677
10719
  <td class="is-vcentered">
10678
10720
  <div class="table__color-preview"
10679
- style="background-color: #65bedfff;">
10721
+ style="background-color: #42eb64ff;">
10680
10722
  </div>
10681
10723
 
10682
10724
  </td>
10683
10725
  </tr>
10684
10726
  <tr>
10685
10727
  <td class="with-icons is-vcentered"
10686
- id="origin-colorsNavy300"
10687
- title="theme: origin; category: colors; name: navy; variant: 300; ">
10688
- colorsNavy300
10689
- <a href="#origin-colorsNavy300"
10728
+ id="origin-originColorsReferenceOnlyMalachite300"
10729
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 300; ">
10730
+ originColorsReferenceOnlyMalachite300
10731
+ <a href="#origin-originColorsReferenceOnlyMalachite300"
10690
10732
  title="permalink"
10691
10733
  class="permalink">
10692
10734
  🔗
10693
10735
  </a>
10694
10736
  </td>
10695
10737
  <td class="is-vcentered">
10696
- <pre>#41a5d1ff</pre>
10738
+ <pre>#00d639ff</pre>
10697
10739
  </td>
10698
10740
  <td class="is-vcentered">
10699
10741
  <div class="table__color-preview"
10700
- style="background-color: #41a5d1ff;">
10742
+ style="background-color: #00d639ff;">
10701
10743
  </div>
10702
10744
 
10703
10745
  </td>
10704
10746
  </tr>
10705
10747
  <tr>
10706
10748
  <td class="with-icons is-vcentered"
10707
- id="origin-colorsNavy400"
10708
- title="theme: origin; category: colors; name: navy; variant: 400; ">
10709
- colorsNavy400
10710
- <a href="#origin-colorsNavy400"
10749
+ id="origin-originColorsReferenceOnlyMalachite400"
10750
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 400; ">
10751
+ originColorsReferenceOnlyMalachite400
10752
+ <a href="#origin-originColorsReferenceOnlyMalachite400"
10711
10753
  title="permalink"
10712
10754
  class="permalink">
10713
10755
  🔗
10714
10756
  </a>
10715
10757
  </td>
10716
10758
  <td class="is-vcentered">
10717
- <pre>#1d8cc3ff</pre>
10759
+ <pre>#00af2dff</pre>
10718
10760
  </td>
10719
10761
  <td class="is-vcentered">
10720
10762
  <div class="table__color-preview"
10721
- style="background-color: #1d8cc3ff;">
10763
+ style="background-color: #00af2dff;">
10722
10764
  </div>
10723
10765
 
10724
10766
  </td>
10725
10767
  </tr>
10726
10768
  <tr>
10727
10769
  <td class="with-icons is-vcentered"
10728
- id="origin-colorsNavy500"
10729
- title="theme: origin; category: colors; name: navy; variant: 500; ">
10730
- colorsNavy500
10731
- <a href="#origin-colorsNavy500"
10770
+ id="origin-originColorsReferenceOnlyMalachite500"
10771
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 500; ">
10772
+ originColorsReferenceOnlyMalachite500
10773
+ <a href="#origin-originColorsReferenceOnlyMalachite500"
10732
10774
  title="permalink"
10733
10775
  class="permalink">
10734
10776
  🔗
10735
10777
  </a>
10736
10778
  </td>
10737
10779
  <td class="is-vcentered">
10738
- <pre>#0e74a7ff</pre>
10780
+ <pre>#008a21ff</pre>
10739
10781
  </td>
10740
10782
  <td class="is-vcentered">
10741
10783
  <div class="table__color-preview"
10742
- style="background-color: #0e74a7ff;">
10784
+ style="background-color: #008a21ff;">
10743
10785
  </div>
10744
10786
 
10745
10787
  </td>
10746
10788
  </tr>
10747
10789
  <tr>
10748
10790
  <td class="with-icons is-vcentered"
10749
- id="origin-colorsNavy600"
10750
- title="theme: origin; category: colors; name: navy; variant: 600; ">
10751
- colorsNavy600
10752
- <a href="#origin-colorsNavy600"
10791
+ id="origin-originColorsReferenceOnlyMalachite600"
10792
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 600; ">
10793
+ originColorsReferenceOnlyMalachite600
10794
+ <a href="#origin-originColorsReferenceOnlyMalachite600"
10753
10795
  title="permalink"
10754
10796
  class="permalink">
10755
10797
  🔗
10756
10798
  </a>
10757
10799
  </td>
10758
10800
  <td class="is-vcentered">
10759
- <pre>#095b84ff</pre>
10801
+ <pre>#006716ff</pre>
10760
10802
  </td>
10761
10803
  <td class="is-vcentered">
10762
10804
  <div class="table__color-preview"
10763
- style="background-color: #095b84ff;">
10805
+ style="background-color: #006716ff;">
10764
10806
  </div>
10765
10807
 
10766
10808
  </td>
10767
10809
  </tr>
10768
10810
  <tr>
10769
10811
  <td class="with-icons is-vcentered"
10770
- id="origin-colorsNavy700"
10771
- title="theme: origin; category: colors; name: navy; variant: 700; ">
10772
- colorsNavy700
10773
- <a href="#origin-colorsNavy700"
10812
+ id="origin-originColorsReferenceOnlyMalachite700"
10813
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 700; ">
10814
+ originColorsReferenceOnlyMalachite700
10815
+ <a href="#origin-originColorsReferenceOnlyMalachite700"
10774
10816
  title="permalink"
10775
10817
  class="permalink">
10776
10818
  🔗
10777
10819
  </a>
10778
10820
  </td>
10779
10821
  <td class="is-vcentered">
10780
- <pre>#054262ff</pre>
10822
+ <pre>#00460cff</pre>
10781
10823
  </td>
10782
10824
  <td class="is-vcentered">
10783
10825
  <div class="table__color-preview"
10784
- style="background-color: #054262ff;">
10826
+ style="background-color: #00460cff;">
10785
10827
  </div>
10786
10828
 
10787
10829
  </td>
10788
10830
  </tr>
10789
10831
  <tr>
10790
10832
  <td class="with-icons is-vcentered"
10791
- id="origin-colorsNavy800"
10792
- title="theme: origin; category: colors; name: navy; variant: 800; ">
10793
- colorsNavy800
10794
- <a href="#origin-colorsNavy800"
10833
+ id="origin-originColorsReferenceOnlyMalachite800"
10834
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 800; ">
10835
+ originColorsReferenceOnlyMalachite800
10836
+ <a href="#origin-originColorsReferenceOnlyMalachite800"
10795
10837
  title="permalink"
10796
10838
  class="permalink">
10797
10839
  🔗
10798
10840
  </a>
10799
10841
  </td>
10800
10842
  <td class="is-vcentered">
10801
- <pre>#00293fff</pre>
10843
+ <pre>#002f08ff</pre>
10802
10844
  </td>
10803
10845
  <td class="is-vcentered">
10804
10846
  <div class="table__color-preview"
10805
- style="background-color: #00293fff;">
10847
+ style="background-color: #002f08ff;">
10806
10848
  </div>
10807
10849
 
10808
10850
  </td>
10809
10851
  </tr>
10810
10852
  <tr>
10811
10853
  <td class="with-icons is-vcentered"
10812
- id="origin-colorsNavy900"
10813
- title="theme: origin; category: colors; name: navy; variant: 900; ">
10814
- colorsNavy900
10815
- <a href="#origin-colorsNavy900"
10854
+ id="origin-originColorsReferenceOnlyMalachite900"
10855
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 900; ">
10856
+ originColorsReferenceOnlyMalachite900
10857
+ <a href="#origin-originColorsReferenceOnlyMalachite900"
10816
10858
  title="permalink"
10817
10859
  class="permalink">
10818
10860
  🔗
10819
10861
  </a>
10820
10862
  </td>
10821
10863
  <td class="is-vcentered">
10822
- <pre>#001520ff</pre>
10864
+ <pre>#001704ff</pre>
10823
10865
  </td>
10824
10866
  <td class="is-vcentered">
10825
10867
  <div class="table__color-preview"
10826
- style="background-color: #001520ff;">
10868
+ style="background-color: #001704ff;">
10827
10869
  </div>
10828
10870
 
10829
10871
  </td>
10830
10872
  </tr>
10831
10873
  <tr>
10832
10874
  <td class="with-icons is-vcentered"
10833
- id="origin-colorsNavy010"
10834
- title="theme: origin; category: colors; name: navy; variant: 010; ">
10835
- colorsNavy010
10836
- <a href="#origin-colorsNavy010"
10875
+ id="origin-originColorsReferenceOnlyMalachite010"
10876
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 010; ">
10877
+ originColorsReferenceOnlyMalachite010
10878
+ <a href="#origin-originColorsReferenceOnlyMalachite010"
10837
10879
  title="permalink"
10838
10880
  class="permalink">
10839
10881
  🔗
10840
10882
  </a>
10841
10883
  </td>
10842
10884
  <td class="is-vcentered">
10843
- <pre>#f4fcfeff</pre>
10885
+ <pre>#effcf0ff</pre>
10844
10886
  </td>
10845
10887
  <td class="is-vcentered">
10846
10888
  <div class="table__color-preview"
10847
- style="background-color: #f4fcfeff;">
10889
+ style="background-color: #effcf0ff;">
10848
10890
  </div>
10849
10891
 
10850
10892
  </td>
10851
10893
  </tr>
10852
10894
  <tr>
10853
10895
  <td class="with-icons is-vcentered"
10854
- id="origin-colorsNavy050"
10855
- title="theme: origin; category: colors; name: navy; variant: 050; ">
10856
- colorsNavy050
10857
- <a href="#origin-colorsNavy050"
10896
+ id="origin-originColorsReferenceOnlyMalachite050"
10897
+ title="theme: origin; category: origin-colors (reference only); name: malachite; variant: 050; ">
10898
+ originColorsReferenceOnlyMalachite050
10899
+ <a href="#origin-originColorsReferenceOnlyMalachite050"
10858
10900
  title="permalink"
10859
10901
  class="permalink">
10860
10902
  🔗
10861
10903
  </a>
10862
10904
  </td>
10863
10905
  <td class="is-vcentered">
10864
- <pre>#caf1fcff</pre>
10906
+ <pre>#c1fac7ff</pre>
10865
10907
  </td>
10866
10908
  <td class="is-vcentered">
10867
10909
  <div class="table__color-preview"
10868
- style="background-color: #caf1fcff;">
10910
+ style="background-color: #c1fac7ff;">
10869
10911
  </div>
10870
10912
 
10871
10913
  </td>
10872
10914
  </tr>
10873
10915
  <tr>
10874
10916
  <td class="with-icons is-vcentered"
10875
- id="origin-colorsTeal100"
10876
- title="theme: origin; category: colors; name: teal; variant: 100; ">
10877
- colorsTeal100
10878
- <a href="#origin-colorsTeal100"
10917
+ id="origin-originColorsReferenceOnlyJade100"
10918
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 100; ">
10919
+ originColorsReferenceOnlyJade100
10920
+ <a href="#origin-originColorsReferenceOnlyJade100"
10879
10921
  title="permalink"
10880
10922
  class="permalink">
10881
10923
  🔗
10882
10924
  </a>
10883
10925
  </td>
10884
10926
  <td class="is-vcentered">
10885
- <pre>#89edeaff</pre>
10927
+ <pre>#8ff8b7ff</pre>
10886
10928
  </td>
10887
10929
  <td class="is-vcentered">
10888
10930
  <div class="table__color-preview"
10889
- style="background-color: #89edeaff;">
10931
+ style="background-color: #8ff8b7ff;">
10890
10932
  </div>
10891
10933
 
10892
10934
  </td>
10893
10935
  </tr>
10894
10936
  <tr>
10895
10937
  <td class="with-icons is-vcentered"
10896
- id="origin-colorsTeal200"
10897
- title="theme: origin; category: colors; name: teal; variant: 200; ">
10898
- colorsTeal200
10899
- <a href="#origin-colorsTeal200"
10938
+ id="origin-originColorsReferenceOnlyJade200"
10939
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 200; ">
10940
+ originColorsReferenceOnlyJade200
10941
+ <a href="#origin-originColorsReferenceOnlyJade200"
10900
10942
  title="permalink"
10901
10943
  class="permalink">
10902
10944
  🔗
10903
10945
  </a>
10904
10946
  </td>
10905
10947
  <td class="is-vcentered">
10906
- <pre>#5bcfcdff</pre>
10948
+ <pre>#44ed90ff</pre>
10907
10949
  </td>
10908
10950
  <td class="is-vcentered">
10909
10951
  <div class="table__color-preview"
10910
- style="background-color: #5bcfcdff;">
10952
+ style="background-color: #44ed90ff;">
10911
10953
  </div>
10912
10954
 
10913
10955
  </td>
10914
10956
  </tr>
10915
10957
  <tr>
10916
10958
  <td class="with-icons is-vcentered"
10917
- id="origin-colorsTeal300"
10918
- title="theme: origin; category: colors; name: teal; variant: 300; ">
10919
- colorsTeal300
10920
- <a href="#origin-colorsTeal300"
10959
+ id="origin-originColorsReferenceOnlyJade300"
10960
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 300; ">
10961
+ originColorsReferenceOnlyJade300
10962
+ <a href="#origin-originColorsReferenceOnlyJade300"
10921
10963
  title="permalink"
10922
10964
  class="permalink">
10923
10965
  🔗
10924
10966
  </a>
10925
10967
  </td>
10926
10968
  <td class="is-vcentered">
10927
- <pre>#2eb2b1ff</pre>
10969
+ <pre>#00ca71ff</pre>
10928
10970
  </td>
10929
10971
  <td class="is-vcentered">
10930
10972
  <div class="table__color-preview"
10931
- style="background-color: #2eb2b1ff;">
10973
+ style="background-color: #00ca71ff;">
10932
10974
  </div>
10933
10975
 
10934
10976
  </td>
10935
10977
  </tr>
10936
10978
  <tr>
10937
10979
  <td class="with-icons is-vcentered"
10938
- id="origin-colorsTeal400"
10939
- title="theme: origin; category: colors; name: teal; variant: 400; ">
10940
- colorsTeal400
10941
- <a href="#origin-colorsTeal400"
10980
+ id="origin-originColorsReferenceOnlyJade400"
10981
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 400; ">
10982
+ originColorsReferenceOnlyJade400
10983
+ <a href="#origin-originColorsReferenceOnlyJade400"
10942
10984
  title="permalink"
10943
10985
  class="permalink">
10944
10986
  🔗
10945
10987
  </a>
10946
10988
  </td>
10947
10989
  <td class="is-vcentered">
10948
- <pre>#009494ff</pre>
10990
+ <pre>#00a65cff</pre>
10949
10991
  </td>
10950
10992
  <td class="is-vcentered">
10951
10993
  <div class="table__color-preview"
10952
- style="background-color: #009494ff;">
10994
+ style="background-color: #00a65cff;">
10953
10995
  </div>
10954
10996
 
10955
10997
  </td>
10956
10998
  </tr>
10957
10999
  <tr>
10958
11000
  <td class="with-icons is-vcentered"
10959
- id="origin-colorsTeal500"
10960
- title="theme: origin; category: colors; name: teal; variant: 500; ">
10961
- colorsTeal500
10962
- <a href="#origin-colorsTeal500"
11001
+ id="origin-originColorsReferenceOnlyJade500"
11002
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 500; ">
11003
+ originColorsReferenceOnlyJade500
11004
+ <a href="#origin-originColorsReferenceOnlyJade500"
10963
11005
  title="permalink"
10964
11006
  class="permalink">
10965
11007
  🔗
10966
11008
  </a>
10967
11009
  </td>
10968
11010
  <td class="is-vcentered">
10969
- <pre>#007776ff</pre>
11011
+ <pre>#00884aff</pre>
10970
11012
  </td>
10971
11013
  <td class="is-vcentered">
10972
11014
  <div class="table__color-preview"
10973
- style="background-color: #007776ff;">
11015
+ style="background-color: #00884aff;">
10974
11016
  </div>
10975
11017
 
10976
11018
  </td>
10977
11019
  </tr>
10978
11020
  <tr>
10979
11021
  <td class="with-icons is-vcentered"
10980
- id="origin-colorsTeal600"
10981
- title="theme: origin; category: colors; name: teal; variant: 600; ">
10982
- colorsTeal600
10983
- <a href="#origin-colorsTeal600"
11022
+ id="origin-originColorsReferenceOnlyJade600"
11023
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 600; ">
11024
+ originColorsReferenceOnlyJade600
11025
+ <a href="#origin-originColorsReferenceOnlyJade600"
10984
11026
  title="permalink"
10985
11027
  class="permalink">
10986
11028
  🔗
10987
11029
  </a>
10988
11030
  </td>
10989
11031
  <td class="is-vcentered">
10990
- <pre>#006362ff</pre>
11032
+ <pre>#006d3bff</pre>
10991
11033
  </td>
10992
11034
  <td class="is-vcentered">
10993
11035
  <div class="table__color-preview"
10994
- style="background-color: #006362ff;">
11036
+ style="background-color: #006d3bff;">
10995
11037
  </div>
10996
11038
 
10997
11039
  </td>
10998
11040
  </tr>
10999
11041
  <tr>
11000
11042
  <td class="with-icons is-vcentered"
11001
- id="origin-colorsTeal700"
11002
- title="theme: origin; category: colors; name: teal; variant: 700; ">
11003
- colorsTeal700
11004
- <a href="#origin-colorsTeal700"
11043
+ id="origin-originColorsReferenceOnlyJade700"
11044
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 700; ">
11045
+ originColorsReferenceOnlyJade700
11046
+ <a href="#origin-originColorsReferenceOnlyJade700"
11005
11047
  title="permalink"
11006
11048
  class="permalink">
11007
11049
  🔗
11008
11050
  </a>
11009
11051
  </td>
11010
11052
  <td class="is-vcentered">
11011
- <pre>#004a4aff</pre>
11053
+ <pre>#00522cff</pre>
11012
11054
  </td>
11013
11055
  <td class="is-vcentered">
11014
11056
  <div class="table__color-preview"
11015
- style="background-color: #004a4aff;">
11057
+ style="background-color: #00522cff;">
11016
11058
  </div>
11017
11059
 
11018
11060
  </td>
11019
11061
  </tr>
11020
11062
  <tr>
11021
11063
  <td class="with-icons is-vcentered"
11022
- id="origin-colorsTeal800"
11023
- title="theme: origin; category: colors; name: teal; variant: 800; ">
11024
- colorsTeal800
11025
- <a href="#origin-colorsTeal800"
11064
+ id="origin-originColorsReferenceOnlyJade800"
11065
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 800; ">
11066
+ originColorsReferenceOnlyJade800
11067
+ <a href="#origin-originColorsReferenceOnlyJade800"
11026
11068
  title="permalink"
11027
11069
  class="permalink">
11028
11070
  🔗
11029
11071
  </a>
11030
11072
  </td>
11031
11073
  <td class="is-vcentered">
11032
- <pre>#003231ff</pre>
11074
+ <pre>#00361eff</pre>
11033
11075
  </td>
11034
11076
  <td class="is-vcentered">
11035
11077
  <div class="table__color-preview"
11036
- style="background-color: #003231ff;">
11078
+ style="background-color: #00361eff;">
11037
11079
  </div>
11038
11080
 
11039
11081
  </td>
11040
11082
  </tr>
11041
11083
  <tr>
11042
11084
  <td class="with-icons is-vcentered"
11043
- id="origin-colorsTeal900"
11044
- title="theme: origin; category: colors; name: teal; variant: 900; ">
11045
- colorsTeal900
11046
- <a href="#origin-colorsTeal900"
11085
+ id="origin-originColorsReferenceOnlyJade900"
11086
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 900; ">
11087
+ originColorsReferenceOnlyJade900
11088
+ <a href="#origin-originColorsReferenceOnlyJade900"
11047
11089
  title="permalink"
11048
11090
  class="permalink">
11049
11091
  🔗
11050
11092
  </a>
11051
11093
  </td>
11052
11094
  <td class="is-vcentered">
11053
- <pre>#001919ff</pre>
11095
+ <pre>#001b0fff</pre>
11054
11096
  </td>
11055
11097
  <td class="is-vcentered">
11056
11098
  <div class="table__color-preview"
11057
- style="background-color: #001919ff;">
11099
+ style="background-color: #001b0fff;">
11058
11100
  </div>
11059
11101
 
11060
11102
  </td>
11061
11103
  </tr>
11062
11104
  <tr>
11063
11105
  <td class="with-icons is-vcentered"
11064
- id="origin-colorsTeal010"
11065
- title="theme: origin; category: colors; name: teal; variant: 010; ">
11066
- colorsTeal010
11067
- <a href="#origin-colorsTeal010"
11106
+ id="origin-originColorsReferenceOnlyJade010"
11107
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 010; ">
11108
+ originColorsReferenceOnlyJade010
11109
+ <a href="#origin-originColorsReferenceOnlyJade010"
11068
11110
  title="permalink"
11069
11111
  class="permalink">
11070
11112
  🔗
11071
11113
  </a>
11072
11114
  </td>
11073
11115
  <td class="is-vcentered">
11074
- <pre>#f4fefeff</pre>
11116
+ <pre>#f2fef7ff</pre>
11075
11117
  </td>
11076
11118
  <td class="is-vcentered">
11077
11119
  <div class="table__color-preview"
11078
- style="background-color: #f4fefeff;">
11120
+ style="background-color: #f2fef7ff;">
11079
11121
  </div>
11080
11122
 
11081
11123
  </td>
11082
11124
  </tr>
11083
11125
  <tr>
11084
11126
  <td class="with-icons is-vcentered"
11085
- id="origin-colorsTeal050"
11086
- title="theme: origin; category: colors; name: teal; variant: 050; ">
11087
- colorsTeal050
11088
- <a href="#origin-colorsTeal050"
11127
+ id="origin-originColorsReferenceOnlyJade050"
11128
+ title="theme: origin; category: origin-colors (reference only); name: jade; variant: 050; ">
11129
+ originColorsReferenceOnlyJade050
11130
+ <a href="#origin-originColorsReferenceOnlyJade050"
11089
11131
  title="permalink"
11090
11132
  class="permalink">
11091
11133
  🔗
11092
11134
  </a>
11093
11135
  </td>
11094
11136
  <td class="is-vcentered">
11095
- <pre>#c3faf8ff</pre>
11137
+ <pre>#c4fcd8ff</pre>
11096
11138
  </td>
11097
11139
  <td class="is-vcentered">
11098
11140
  <div class="table__color-preview"
11099
- style="background-color: #c3faf8ff;">
11141
+ style="background-color: #c4fcd8ff;">
11100
11142
  </div>
11101
11143
 
11102
11144
  </td>
11103
11145
  </tr>
11104
11146
  <tr>
11105
11147
  <td class="with-icons is-vcentered"
11106
- id="origin-colorsCherry100"
11107
- title="theme: origin; category: colors; name: cherry; variant: 100; ">
11108
- colorsCherry100
11109
- <a href="#origin-colorsCherry100"
11148
+ id="origin-originColorsReferenceOnlyNavy100"
11149
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 100; ">
11150
+ originColorsReferenceOnlyNavy100
11151
+ <a href="#origin-originColorsReferenceOnlyNavy100"
11110
11152
  title="permalink"
11111
11153
  class="permalink">
11112
11154
  🔗
11113
11155
  </a>
11114
11156
  </td>
11115
11157
  <td class="is-vcentered">
11116
- <pre>#f7b3c2ff</pre>
11158
+ <pre>#89d7edff</pre>
11117
11159
  </td>
11118
11160
  <td class="is-vcentered">
11119
11161
  <div class="table__color-preview"
11120
- style="background-color: #f7b3c2ff;">
11162
+ style="background-color: #89d7edff;">
11121
11163
  </div>
11122
11164
 
11123
11165
  </td>
11124
11166
  </tr>
11125
11167
  <tr>
11126
11168
  <td class="with-icons is-vcentered"
11127
- id="origin-colorsCherry200"
11128
- title="theme: origin; category: colors; name: cherry; variant: 200; ">
11129
- colorsCherry200
11130
- <a href="#origin-colorsCherry200"
11169
+ id="origin-originColorsReferenceOnlyNavy200"
11170
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 200; ">
11171
+ originColorsReferenceOnlyNavy200
11172
+ <a href="#origin-originColorsReferenceOnlyNavy200"
11131
11173
  title="permalink"
11132
11174
  class="permalink">
11133
11175
  🔗
11134
11176
  </a>
11135
11177
  </td>
11136
11178
  <td class="is-vcentered">
11137
- <pre>#ed94aaff</pre>
11179
+ <pre>#65bedfff</pre>
11138
11180
  </td>
11139
11181
  <td class="is-vcentered">
11140
11182
  <div class="table__color-preview"
11141
- style="background-color: #ed94aaff;">
11183
+ style="background-color: #65bedfff;">
11142
11184
  </div>
11143
11185
 
11144
11186
  </td>
11145
11187
  </tr>
11146
11188
  <tr>
11147
11189
  <td class="with-icons is-vcentered"
11148
- id="origin-colorsCherry300"
11149
- title="theme: origin; category: colors; name: cherry; variant: 300; ">
11150
- colorsCherry300
11151
- <a href="#origin-colorsCherry300"
11190
+ id="origin-originColorsReferenceOnlyNavy300"
11191
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 300; ">
11192
+ originColorsReferenceOnlyNavy300
11193
+ <a href="#origin-originColorsReferenceOnlyNavy300"
11152
11194
  title="permalink"
11153
11195
  class="permalink">
11154
11196
  🔗
11155
11197
  </a>
11156
11198
  </td>
11157
11199
  <td class="is-vcentered">
11158
- <pre>#e27491ff</pre>
11200
+ <pre>#41a5d1ff</pre>
11159
11201
  </td>
11160
11202
  <td class="is-vcentered">
11161
11203
  <div class="table__color-preview"
11162
- style="background-color: #e27491ff;">
11204
+ style="background-color: #41a5d1ff;">
11163
11205
  </div>
11164
11206
 
11165
11207
  </td>
11166
11208
  </tr>
11167
11209
  <tr>
11168
11210
  <td class="with-icons is-vcentered"
11169
- id="origin-colorsCherry400"
11170
- title="theme: origin; category: colors; name: cherry; variant: 400; ">
11171
- colorsCherry400
11172
- <a href="#origin-colorsCherry400"
11211
+ id="origin-originColorsReferenceOnlyNavy400"
11212
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 400; ">
11213
+ originColorsReferenceOnlyNavy400
11214
+ <a href="#origin-originColorsReferenceOnlyNavy400"
11173
11215
  title="permalink"
11174
11216
  class="permalink">
11175
11217
  🔗
11176
11218
  </a>
11177
11219
  </td>
11178
11220
  <td class="is-vcentered">
11179
- <pre>#d85579ff</pre>
11221
+ <pre>#1d8cc3ff</pre>
11180
11222
  </td>
11181
11223
  <td class="is-vcentered">
11182
11224
  <div class="table__color-preview"
11183
- style="background-color: #d85579ff;">
11225
+ style="background-color: #1d8cc3ff;">
11184
11226
  </div>
11185
11227
 
11186
11228
  </td>
11187
11229
  </tr>
11188
11230
  <tr>
11189
11231
  <td class="with-icons is-vcentered"
11190
- id="origin-colorsCherry500"
11191
- title="theme: origin; category: colors; name: cherry; variant: 500; ">
11192
- colorsCherry500
11193
- <a href="#origin-colorsCherry500"
11232
+ id="origin-originColorsReferenceOnlyNavy500"
11233
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 500; ">
11234
+ originColorsReferenceOnlyNavy500
11235
+ <a href="#origin-originColorsReferenceOnlyNavy500"
11194
11236
  title="permalink"
11195
11237
  class="permalink">
11196
11238
  🔗
11197
11239
  </a>
11198
11240
  </td>
11199
11241
  <td class="is-vcentered">
11200
- <pre>#ba3c63ff</pre>
11242
+ <pre>#0e74a7ff</pre>
11201
11243
  </td>
11202
11244
  <td class="is-vcentered">
11203
11245
  <div class="table__color-preview"
11204
- style="background-color: #ba3c63ff;">
11246
+ style="background-color: #0e74a7ff;">
11205
11247
  </div>
11206
11248
 
11207
11249
  </td>
11208
11250
  </tr>
11209
11251
  <tr>
11210
11252
  <td class="with-icons is-vcentered"
11211
- id="origin-colorsCherry600"
11212
- title="theme: origin; category: colors; name: cherry; variant: 600; ">
11213
- colorsCherry600
11214
- <a href="#origin-colorsCherry600"
11253
+ id="origin-originColorsReferenceOnlyNavy600"
11254
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 600; ">
11255
+ originColorsReferenceOnlyNavy600
11256
+ <a href="#origin-originColorsReferenceOnlyNavy600"
11215
11257
  title="permalink"
11216
11258
  class="permalink">
11217
11259
  🔗
11218
11260
  </a>
11219
11261
  </td>
11220
11262
  <td class="is-vcentered">
11221
- <pre>#95304fff</pre>
11263
+ <pre>#095b84ff</pre>
11222
11264
  </td>
11223
11265
  <td class="is-vcentered">
11224
11266
  <div class="table__color-preview"
11225
- style="background-color: #95304fff;">
11267
+ style="background-color: #095b84ff;">
11226
11268
  </div>
11227
11269
 
11228
11270
  </td>
11229
11271
  </tr>
11230
11272
  <tr>
11231
11273
  <td class="with-icons is-vcentered"
11232
- id="origin-colorsCherry700"
11233
- title="theme: origin; category: colors; name: cherry; variant: 700; ">
11234
- colorsCherry700
11235
- <a href="#origin-colorsCherry700"
11274
+ id="origin-originColorsReferenceOnlyNavy700"
11275
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 700; ">
11276
+ originColorsReferenceOnlyNavy700
11277
+ <a href="#origin-originColorsReferenceOnlyNavy700"
11236
11278
  title="permalink"
11237
11279
  class="permalink">
11238
11280
  🔗
11239
11281
  </a>
11240
11282
  </td>
11241
11283
  <td class="is-vcentered">
11242
- <pre>#70243bff</pre>
11284
+ <pre>#054262ff</pre>
11243
11285
  </td>
11244
11286
  <td class="is-vcentered">
11245
11287
  <div class="table__color-preview"
11246
- style="background-color: #70243bff;">
11288
+ style="background-color: #054262ff;">
11247
11289
  </div>
11248
11290
 
11249
11291
  </td>
11250
11292
  </tr>
11251
11293
  <tr>
11252
11294
  <td class="with-icons is-vcentered"
11253
- id="origin-colorsCherry800"
11254
- title="theme: origin; category: colors; name: cherry; variant: 800; ">
11255
- colorsCherry800
11256
- <a href="#origin-colorsCherry800"
11295
+ id="origin-originColorsReferenceOnlyNavy800"
11296
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 800; ">
11297
+ originColorsReferenceOnlyNavy800
11298
+ <a href="#origin-originColorsReferenceOnlyNavy800"
11257
11299
  title="permalink"
11258
11300
  class="permalink">
11259
11301
  🔗
11260
11302
  </a>
11261
11303
  </td>
11262
11304
  <td class="is-vcentered">
11263
- <pre>#4a1828ff</pre>
11305
+ <pre>#00293fff</pre>
11264
11306
  </td>
11265
11307
  <td class="is-vcentered">
11266
11308
  <div class="table__color-preview"
11267
- style="background-color: #4a1828ff;">
11309
+ style="background-color: #00293fff;">
11268
11310
  </div>
11269
11311
 
11270
11312
  </td>
11271
11313
  </tr>
11272
11314
  <tr>
11273
11315
  <td class="with-icons is-vcentered"
11274
- id="origin-colorsCherry900"
11275
- title="theme: origin; category: colors; name: cherry; variant: 900; ">
11276
- colorsCherry900
11277
- <a href="#origin-colorsCherry900"
11316
+ id="origin-originColorsReferenceOnlyNavy900"
11317
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 900; ">
11318
+ originColorsReferenceOnlyNavy900
11319
+ <a href="#origin-originColorsReferenceOnlyNavy900"
11278
11320
  title="permalink"
11279
11321
  class="permalink">
11280
11322
  🔗
11281
11323
  </a>
11282
11324
  </td>
11283
11325
  <td class="is-vcentered">
11284
- <pre>#250c14ff</pre>
11326
+ <pre>#001520ff</pre>
11285
11327
  </td>
11286
11328
  <td class="is-vcentered">
11287
11329
  <div class="table__color-preview"
11288
- style="background-color: #250c14ff;">
11330
+ style="background-color: #001520ff;">
11289
11331
  </div>
11290
11332
 
11291
11333
  </td>
11292
11334
  </tr>
11293
11335
  <tr>
11294
11336
  <td class="with-icons is-vcentered"
11295
- id="origin-colorsCherry010"
11296
- title="theme: origin; category: colors; name: cherry; variant: 010; ">
11297
- colorsCherry010
11298
- <a href="#origin-colorsCherry010"
11337
+ id="origin-originColorsReferenceOnlyNavy010"
11338
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 010; ">
11339
+ originColorsReferenceOnlyNavy010
11340
+ <a href="#origin-originColorsReferenceOnlyNavy010"
11299
11341
  title="permalink"
11300
11342
  class="permalink">
11301
11343
  🔗
11302
11344
  </a>
11303
11345
  </td>
11304
11346
  <td class="is-vcentered">
11305
- <pre>#fef5f7ff</pre>
11347
+ <pre>#f4fcfeff</pre>
11306
11348
  </td>
11307
11349
  <td class="is-vcentered">
11308
11350
  <div class="table__color-preview"
11309
- style="background-color: #fef5f7ff;">
11351
+ style="background-color: #f4fcfeff;">
11310
11352
  </div>
11311
11353
 
11312
11354
  </td>
11313
11355
  </tr>
11314
11356
  <tr>
11315
11357
  <td class="with-icons is-vcentered"
11316
- id="origin-colorsCherry050"
11317
- title="theme: origin; category: colors; name: cherry; variant: 050; ">
11318
- colorsCherry050
11319
- <a href="#origin-colorsCherry050"
11358
+ id="origin-originColorsReferenceOnlyNavy050"
11359
+ title="theme: origin; category: origin-colors (reference only); name: navy; variant: 050; ">
11360
+ originColorsReferenceOnlyNavy050
11361
+ <a href="#origin-originColorsReferenceOnlyNavy050"
11320
11362
  title="permalink"
11321
11363
  class="permalink">
11322
11364
  🔗
11323
11365
  </a>
11324
11366
  </td>
11325
11367
  <td class="is-vcentered">
11326
- <pre>#fad4deff</pre>
11368
+ <pre>#caf1fcff</pre>
11327
11369
  </td>
11328
11370
  <td class="is-vcentered">
11329
11371
  <div class="table__color-preview"
11330
- style="background-color: #fad4deff;">
11372
+ style="background-color: #caf1fcff;">
11331
11373
  </div>
11332
11374
 
11333
11375
  </td>
11334
11376
  </tr>
11335
11377
  <tr>
11336
11378
  <td class="with-icons is-vcentered"
11337
- id="origin-colorsTerra100"
11338
- title="theme: origin; category: colors; name: terra; variant: 100; ">
11339
- colorsTerra100
11340
- <a href="#origin-colorsTerra100"
11379
+ id="origin-originColorsReferenceOnlyTeal100"
11380
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 100; ">
11381
+ originColorsReferenceOnlyTeal100
11382
+ <a href="#origin-originColorsReferenceOnlyTeal100"
11341
11383
  title="permalink"
11342
11384
  class="permalink">
11343
11385
  🔗
11344
11386
  </a>
11345
11387
  </td>
11346
11388
  <td class="is-vcentered">
11347
- <pre>#ffbca6ff</pre>
11389
+ <pre>#89edeaff</pre>
11348
11390
  </td>
11349
11391
  <td class="is-vcentered">
11350
11392
  <div class="table__color-preview"
11351
- style="background-color: #ffbca6ff;">
11393
+ style="background-color: #89edeaff;">
11352
11394
  </div>
11353
11395
 
11354
11396
  </td>
11355
11397
  </tr>
11356
11398
  <tr>
11357
11399
  <td class="with-icons is-vcentered"
11358
- id="origin-colorsTerra200"
11359
- title="theme: origin; category: colors; name: terra; variant: 200; ">
11360
- colorsTerra200
11361
- <a href="#origin-colorsTerra200"
11400
+ id="origin-originColorsReferenceOnlyTeal200"
11401
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 200; ">
11402
+ originColorsReferenceOnlyTeal200
11403
+ <a href="#origin-originColorsReferenceOnlyTeal200"
11362
11404
  title="permalink"
11363
11405
  class="permalink">
11364
11406
  🔗
11365
11407
  </a>
11366
11408
  </td>
11367
11409
  <td class="is-vcentered">
11368
- <pre>#f59a83ff</pre>
11410
+ <pre>#5bcfcdff</pre>
11369
11411
  </td>
11370
11412
  <td class="is-vcentered">
11371
11413
  <div class="table__color-preview"
11372
- style="background-color: #f59a83ff;">
11414
+ style="background-color: #5bcfcdff;">
11373
11415
  </div>
11374
11416
 
11375
11417
  </td>
11376
11418
  </tr>
11377
11419
  <tr>
11378
11420
  <td class="with-icons is-vcentered"
11379
- id="origin-colorsTerra300"
11380
- title="theme: origin; category: colors; name: terra; variant: 300; ">
11381
- colorsTerra300
11382
- <a href="#origin-colorsTerra300"
11421
+ id="origin-originColorsReferenceOnlyTeal300"
11422
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 300; ">
11423
+ originColorsReferenceOnlyTeal300
11424
+ <a href="#origin-originColorsReferenceOnlyTeal300"
11383
11425
  title="permalink"
11384
11426
  class="permalink">
11385
11427
  🔗
11386
11428
  </a>
11387
11429
  </td>
11388
11430
  <td class="is-vcentered">
11389
- <pre>#ea7961ff</pre>
11431
+ <pre>#2eb2b1ff</pre>
11390
11432
  </td>
11391
11433
  <td class="is-vcentered">
11392
11434
  <div class="table__color-preview"
11393
- style="background-color: #ea7961ff;">
11435
+ style="background-color: #2eb2b1ff;">
11394
11436
  </div>
11395
11437
 
11396
11438
  </td>
11397
11439
  </tr>
11398
11440
  <tr>
11399
11441
  <td class="with-icons is-vcentered"
11400
- id="origin-colorsTerra400"
11401
- title="theme: origin; category: colors; name: terra; variant: 400; ">
11402
- colorsTerra400
11403
- <a href="#origin-colorsTerra400"
11442
+ id="origin-originColorsReferenceOnlyTeal400"
11443
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 400; ">
11444
+ originColorsReferenceOnlyTeal400
11445
+ <a href="#origin-originColorsReferenceOnlyTeal400"
11404
11446
  title="permalink"
11405
11447
  class="permalink">
11406
11448
  🔗
11407
11449
  </a>
11408
11450
  </td>
11409
11451
  <td class="is-vcentered">
11410
- <pre>#e0583eff</pre>
11452
+ <pre>#009494ff</pre>
11411
11453
  </td>
11412
11454
  <td class="is-vcentered">
11413
11455
  <div class="table__color-preview"
11414
- style="background-color: #e0583eff;">
11456
+ style="background-color: #009494ff;">
11415
11457
  </div>
11416
11458
 
11417
11459
  </td>
11418
11460
  </tr>
11419
11461
  <tr>
11420
11462
  <td class="with-icons is-vcentered"
11421
- id="origin-colorsTerra500"
11422
- title="theme: origin; category: colors; name: terra; variant: 500; ">
11423
- colorsTerra500
11424
- <a href="#origin-colorsTerra500"
11463
+ id="origin-originColorsReferenceOnlyTeal500"
11464
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 500; ">
11465
+ originColorsReferenceOnlyTeal500
11466
+ <a href="#origin-originColorsReferenceOnlyTeal500"
11425
11467
  title="permalink"
11426
11468
  class="permalink">
11427
11469
  🔗
11428
11470
  </a>
11429
11471
  </td>
11430
11472
  <td class="is-vcentered">
11431
- <pre>#c94633ff</pre>
11473
+ <pre>#007776ff</pre>
11432
11474
  </td>
11433
11475
  <td class="is-vcentered">
11434
11476
  <div class="table__color-preview"
11435
- style="background-color: #c94633ff;">
11477
+ style="background-color: #007776ff;">
11436
11478
  </div>
11437
11479
 
11438
11480
  </td>
11439
11481
  </tr>
11440
11482
  <tr>
11441
11483
  <td class="with-icons is-vcentered"
11442
- id="origin-colorsTerra600"
11443
- title="theme: origin; category: colors; name: terra; variant: 600; ">
11444
- colorsTerra600
11445
- <a href="#origin-colorsTerra600"
11484
+ id="origin-originColorsReferenceOnlyTeal600"
11485
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 600; ">
11486
+ originColorsReferenceOnlyTeal600
11487
+ <a href="#origin-originColorsReferenceOnlyTeal600"
11446
11488
  title="permalink"
11447
11489
  class="permalink">
11448
11490
  🔗
11449
11491
  </a>
11450
11492
  </td>
11451
11493
  <td class="is-vcentered">
11452
- <pre>#a13829ff</pre>
11494
+ <pre>#006362ff</pre>
11453
11495
  </td>
11454
11496
  <td class="is-vcentered">
11455
11497
  <div class="table__color-preview"
11456
- style="background-color: #a13829ff;">
11498
+ style="background-color: #006362ff;">
11457
11499
  </div>
11458
11500
 
11459
11501
  </td>
11460
11502
  </tr>
11461
11503
  <tr>
11462
11504
  <td class="with-icons is-vcentered"
11463
- id="origin-colorsTerra700"
11464
- title="theme: origin; category: colors; name: terra; variant: 700; ">
11465
- colorsTerra700
11466
- <a href="#origin-colorsTerra700"
11505
+ id="origin-originColorsReferenceOnlyTeal700"
11506
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 700; ">
11507
+ originColorsReferenceOnlyTeal700
11508
+ <a href="#origin-originColorsReferenceOnlyTeal700"
11467
11509
  title="permalink"
11468
11510
  class="permalink">
11469
11511
  🔗
11470
11512
  </a>
11471
11513
  </td>
11472
11514
  <td class="is-vcentered">
11473
- <pre>#782a1eff</pre>
11515
+ <pre>#004a4aff</pre>
11474
11516
  </td>
11475
11517
  <td class="is-vcentered">
11476
11518
  <div class="table__color-preview"
11477
- style="background-color: #782a1eff;">
11519
+ style="background-color: #004a4aff;">
11478
11520
  </div>
11479
11521
 
11480
11522
  </td>
11481
11523
  </tr>
11482
11524
  <tr>
11483
11525
  <td class="with-icons is-vcentered"
11484
- id="origin-colorsTerra800"
11485
- title="theme: origin; category: colors; name: terra; variant: 800; ">
11486
- colorsTerra800
11487
- <a href="#origin-colorsTerra800"
11526
+ id="origin-originColorsReferenceOnlyTeal800"
11527
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 800; ">
11528
+ originColorsReferenceOnlyTeal800
11529
+ <a href="#origin-originColorsReferenceOnlyTeal800"
11488
11530
  title="permalink"
11489
11531
  class="permalink">
11490
11532
  🔗
11491
11533
  </a>
11492
11534
  </td>
11493
11535
  <td class="is-vcentered">
11494
- <pre>#501c14ff</pre>
11536
+ <pre>#003231ff</pre>
11495
11537
  </td>
11496
11538
  <td class="is-vcentered">
11497
11539
  <div class="table__color-preview"
11498
- style="background-color: #501c14ff;">
11540
+ style="background-color: #003231ff;">
11499
11541
  </div>
11500
11542
 
11501
11543
  </td>
11502
11544
  </tr>
11503
11545
  <tr>
11504
11546
  <td class="with-icons is-vcentered"
11505
- id="origin-colorsTerra900"
11506
- title="theme: origin; category: colors; name: terra; variant: 900; ">
11507
- colorsTerra900
11508
- <a href="#origin-colorsTerra900"
11547
+ id="origin-originColorsReferenceOnlyTeal900"
11548
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 900; ">
11549
+ originColorsReferenceOnlyTeal900
11550
+ <a href="#origin-originColorsReferenceOnlyTeal900"
11509
11551
  title="permalink"
11510
11552
  class="permalink">
11511
11553
  🔗
11512
11554
  </a>
11513
11555
  </td>
11514
11556
  <td class="is-vcentered">
11515
- <pre>#280e0aff</pre>
11557
+ <pre>#001919ff</pre>
11516
11558
  </td>
11517
11559
  <td class="is-vcentered">
11518
11560
  <div class="table__color-preview"
11519
- style="background-color: #280e0aff;">
11561
+ style="background-color: #001919ff;">
11520
11562
  </div>
11521
11563
 
11522
11564
  </td>
11523
11565
  </tr>
11524
11566
  <tr>
11525
11567
  <td class="with-icons is-vcentered"
11526
- id="origin-colorsTerra010"
11527
- title="theme: origin; category: colors; name: terra; variant: 010; ">
11528
- colorsTerra010
11529
- <a href="#origin-colorsTerra010"
11568
+ id="origin-originColorsReferenceOnlyTeal010"
11569
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 010; ">
11570
+ originColorsReferenceOnlyTeal010
11571
+ <a href="#origin-originColorsReferenceOnlyTeal010"
11530
11572
  title="permalink"
11531
11573
  class="permalink">
11532
11574
  🔗
11533
11575
  </a>
11534
11576
  </td>
11535
11577
  <td class="is-vcentered">
11536
- <pre>#fff7f5ff</pre>
11578
+ <pre>#f4fefeff</pre>
11537
11579
  </td>
11538
11580
  <td class="is-vcentered">
11539
11581
  <div class="table__color-preview"
11540
- style="background-color: #fff7f5ff;">
11582
+ style="background-color: #f4fefeff;">
11541
11583
  </div>
11542
11584
 
11543
11585
  </td>
11544
11586
  </tr>
11545
11587
  <tr>
11546
11588
  <td class="with-icons is-vcentered"
11547
- id="origin-colorsTerra050"
11548
- title="theme: origin; category: colors; name: terra; variant: 050; ">
11549
- colorsTerra050
11550
- <a href="#origin-colorsTerra050"
11589
+ id="origin-originColorsReferenceOnlyTeal050"
11590
+ title="theme: origin; category: origin-colors (reference only); name: teal; variant: 050; ">
11591
+ originColorsReferenceOnlyTeal050
11592
+ <a href="#origin-originColorsReferenceOnlyTeal050"
11551
11593
  title="permalink"
11552
11594
  class="permalink">
11553
11595
  🔗
11554
11596
  </a>
11555
11597
  </td>
11556
11598
  <td class="is-vcentered">
11557
- <pre>#ffdcd1ff</pre>
11599
+ <pre>#c3faf8ff</pre>
11558
11600
  </td>
11559
11601
  <td class="is-vcentered">
11560
11602
  <div class="table__color-preview"
11561
- style="background-color: #ffdcd1ff;">
11603
+ style="background-color: #c3faf8ff;">
11562
11604
  </div>
11563
11605
 
11564
11606
  </td>
11565
11607
  </tr>
11566
11608
  <tr>
11567
11609
  <td class="with-icons is-vcentered"
11568
- id="origin-colorsAmber100"
11569
- title="theme: origin; category: colors; name: amber; variant: 100; ">
11570
- colorsAmber100
11571
- <a href="#origin-colorsAmber100"
11610
+ id="origin-originColorsReferenceOnlyAmber100"
11611
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 100; ">
11612
+ originColorsReferenceOnlyAmber100
11613
+ <a href="#origin-originColorsReferenceOnlyAmber100"
11572
11614
  title="permalink"
11573
11615
  class="permalink">
11574
11616
  🔗
@@ -11586,10 +11628,10 @@
11586
11628
  </tr>
11587
11629
  <tr>
11588
11630
  <td class="with-icons is-vcentered"
11589
- id="origin-colorsAmber200"
11590
- title="theme: origin; category: colors; name: amber; variant: 200; ">
11591
- colorsAmber200
11592
- <a href="#origin-colorsAmber200"
11631
+ id="origin-originColorsReferenceOnlyAmber200"
11632
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 200; ">
11633
+ originColorsReferenceOnlyAmber200
11634
+ <a href="#origin-originColorsReferenceOnlyAmber200"
11593
11635
  title="permalink"
11594
11636
  class="permalink">
11595
11637
  🔗
@@ -11607,10 +11649,10 @@
11607
11649
  </tr>
11608
11650
  <tr>
11609
11651
  <td class="with-icons is-vcentered"
11610
- id="origin-colorsAmber300"
11611
- title="theme: origin; category: colors; name: amber; variant: 300; ">
11612
- colorsAmber300
11613
- <a href="#origin-colorsAmber300"
11652
+ id="origin-originColorsReferenceOnlyAmber300"
11653
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 300; ">
11654
+ originColorsReferenceOnlyAmber300
11655
+ <a href="#origin-originColorsReferenceOnlyAmber300"
11614
11656
  title="permalink"
11615
11657
  class="permalink">
11616
11658
  🔗
@@ -11628,10 +11670,10 @@
11628
11670
  </tr>
11629
11671
  <tr>
11630
11672
  <td class="with-icons is-vcentered"
11631
- id="origin-colorsAmber400"
11632
- title="theme: origin; category: colors; name: amber; variant: 400; ">
11633
- colorsAmber400
11634
- <a href="#origin-colorsAmber400"
11673
+ id="origin-originColorsReferenceOnlyAmber400"
11674
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 400; ">
11675
+ originColorsReferenceOnlyAmber400
11676
+ <a href="#origin-originColorsReferenceOnlyAmber400"
11635
11677
  title="permalink"
11636
11678
  class="permalink">
11637
11679
  🔗
@@ -11649,10 +11691,10 @@
11649
11691
  </tr>
11650
11692
  <tr>
11651
11693
  <td class="with-icons is-vcentered"
11652
- id="origin-colorsAmber500"
11653
- title="theme: origin; category: colors; name: amber; variant: 500; ">
11654
- colorsAmber500
11655
- <a href="#origin-colorsAmber500"
11694
+ id="origin-originColorsReferenceOnlyAmber500"
11695
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 500; ">
11696
+ originColorsReferenceOnlyAmber500
11697
+ <a href="#origin-originColorsReferenceOnlyAmber500"
11656
11698
  title="permalink"
11657
11699
  class="permalink">
11658
11700
  🔗
@@ -11670,10 +11712,10 @@
11670
11712
  </tr>
11671
11713
  <tr>
11672
11714
  <td class="with-icons is-vcentered"
11673
- id="origin-colorsAmber600"
11674
- title="theme: origin; category: colors; name: amber; variant: 600; ">
11675
- colorsAmber600
11676
- <a href="#origin-colorsAmber600"
11715
+ id="origin-originColorsReferenceOnlyAmber600"
11716
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 600; ">
11717
+ originColorsReferenceOnlyAmber600
11718
+ <a href="#origin-originColorsReferenceOnlyAmber600"
11677
11719
  title="permalink"
11678
11720
  class="permalink">
11679
11721
  🔗
@@ -11691,10 +11733,10 @@
11691
11733
  </tr>
11692
11734
  <tr>
11693
11735
  <td class="with-icons is-vcentered"
11694
- id="origin-colorsAmber700"
11695
- title="theme: origin; category: colors; name: amber; variant: 700; ">
11696
- colorsAmber700
11697
- <a href="#origin-colorsAmber700"
11736
+ id="origin-originColorsReferenceOnlyAmber700"
11737
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 700; ">
11738
+ originColorsReferenceOnlyAmber700
11739
+ <a href="#origin-originColorsReferenceOnlyAmber700"
11698
11740
  title="permalink"
11699
11741
  class="permalink">
11700
11742
  🔗
@@ -11712,10 +11754,10 @@
11712
11754
  </tr>
11713
11755
  <tr>
11714
11756
  <td class="with-icons is-vcentered"
11715
- id="origin-colorsAmber800"
11716
- title="theme: origin; category: colors; name: amber; variant: 800; ">
11717
- colorsAmber800
11718
- <a href="#origin-colorsAmber800"
11757
+ id="origin-originColorsReferenceOnlyAmber800"
11758
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 800; ">
11759
+ originColorsReferenceOnlyAmber800
11760
+ <a href="#origin-originColorsReferenceOnlyAmber800"
11719
11761
  title="permalink"
11720
11762
  class="permalink">
11721
11763
  🔗
@@ -11733,10 +11775,10 @@
11733
11775
  </tr>
11734
11776
  <tr>
11735
11777
  <td class="with-icons is-vcentered"
11736
- id="origin-colorsAmber900"
11737
- title="theme: origin; category: colors; name: amber; variant: 900; ">
11738
- colorsAmber900
11739
- <a href="#origin-colorsAmber900"
11778
+ id="origin-originColorsReferenceOnlyAmber900"
11779
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 900; ">
11780
+ originColorsReferenceOnlyAmber900
11781
+ <a href="#origin-originColorsReferenceOnlyAmber900"
11740
11782
  title="permalink"
11741
11783
  class="permalink">
11742
11784
  🔗
@@ -11754,10 +11796,10 @@
11754
11796
  </tr>
11755
11797
  <tr>
11756
11798
  <td class="with-icons is-vcentered"
11757
- id="origin-colorsAmber010"
11758
- title="theme: origin; category: colors; name: amber; variant: 010; ">
11759
- colorsAmber010
11760
- <a href="#origin-colorsAmber010"
11799
+ id="origin-originColorsReferenceOnlyAmber010"
11800
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 010; ">
11801
+ originColorsReferenceOnlyAmber010
11802
+ <a href="#origin-originColorsReferenceOnlyAmber010"
11761
11803
  title="permalink"
11762
11804
  class="permalink">
11763
11805
  🔗
@@ -11775,10 +11817,10 @@
11775
11817
  </tr>
11776
11818
  <tr>
11777
11819
  <td class="with-icons is-vcentered"
11778
- id="origin-colorsAmber050"
11779
- title="theme: origin; category: colors; name: amber; variant: 050; ">
11780
- colorsAmber050
11781
- <a href="#origin-colorsAmber050"
11820
+ id="origin-originColorsReferenceOnlyAmber050"
11821
+ title="theme: origin; category: origin-colors (reference only); name: amber; variant: 050; ">
11822
+ originColorsReferenceOnlyAmber050
11823
+ <a href="#origin-originColorsReferenceOnlyAmber050"
11782
11824
  title="permalink"
11783
11825
  class="permalink">
11784
11826
  🔗
@@ -11796,241 +11838,472 @@
11796
11838
  </tr>
11797
11839
  <tr>
11798
11840
  <td class="with-icons is-vcentered"
11799
- id="origin-colorsMalachite100"
11800
- title="theme: origin; category: colors; name: malachite; variant: 100; ">
11801
- colorsMalachite100
11802
- <a href="#origin-colorsMalachite100"
11841
+ id="origin-originColorsReferenceOnlyCherry100"
11842
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 100; ">
11843
+ originColorsReferenceOnlyCherry100
11844
+ <a href="#origin-originColorsReferenceOnlyCherry100"
11803
11845
  title="permalink"
11804
11846
  class="permalink">
11805
11847
  🔗
11806
11848
  </a>
11807
11849
  </td>
11808
11850
  <td class="is-vcentered">
11809
- <pre>#8df79fff</pre>
11851
+ <pre>#f7b3c2ff</pre>
11810
11852
  </td>
11811
11853
  <td class="is-vcentered">
11812
11854
  <div class="table__color-preview"
11813
- style="background-color: #8df79fff;">
11855
+ style="background-color: #f7b3c2ff;">
11814
11856
  </div>
11815
11857
 
11816
11858
  </td>
11817
11859
  </tr>
11818
11860
  <tr>
11819
11861
  <td class="with-icons is-vcentered"
11820
- id="origin-colorsMalachite200"
11821
- title="theme: origin; category: colors; name: malachite; variant: 200; ">
11822
- colorsMalachite200
11823
- <a href="#origin-colorsMalachite200"
11862
+ id="origin-originColorsReferenceOnlyCherry200"
11863
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 200; ">
11864
+ originColorsReferenceOnlyCherry200
11865
+ <a href="#origin-originColorsReferenceOnlyCherry200"
11824
11866
  title="permalink"
11825
11867
  class="permalink">
11826
11868
  🔗
11827
11869
  </a>
11828
11870
  </td>
11829
11871
  <td class="is-vcentered">
11830
- <pre>#42eb64ff</pre>
11872
+ <pre>#ed94aaff</pre>
11831
11873
  </td>
11832
11874
  <td class="is-vcentered">
11833
11875
  <div class="table__color-preview"
11834
- style="background-color: #42eb64ff;">
11876
+ style="background-color: #ed94aaff;">
11835
11877
  </div>
11836
11878
 
11837
11879
  </td>
11838
11880
  </tr>
11839
11881
  <tr>
11840
11882
  <td class="with-icons is-vcentered"
11841
- id="origin-colorsMalachite300"
11842
- title="theme: origin; category: colors; name: malachite; variant: 300; ">
11843
- colorsMalachite300
11844
- <a href="#origin-colorsMalachite300"
11883
+ id="origin-originColorsReferenceOnlyCherry300"
11884
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 300; ">
11885
+ originColorsReferenceOnlyCherry300
11886
+ <a href="#origin-originColorsReferenceOnlyCherry300"
11845
11887
  title="permalink"
11846
11888
  class="permalink">
11847
11889
  🔗
11848
11890
  </a>
11849
11891
  </td>
11850
11892
  <td class="is-vcentered">
11851
- <pre>#00d639ff</pre>
11893
+ <pre>#e27491ff</pre>
11852
11894
  </td>
11853
11895
  <td class="is-vcentered">
11854
11896
  <div class="table__color-preview"
11855
- style="background-color: #00d639ff;">
11897
+ style="background-color: #e27491ff;">
11856
11898
  </div>
11857
11899
 
11858
11900
  </td>
11859
11901
  </tr>
11860
11902
  <tr>
11861
11903
  <td class="with-icons is-vcentered"
11862
- id="origin-colorsMalachite400"
11863
- title="theme: origin; category: colors; name: malachite; variant: 400; ">
11864
- colorsMalachite400
11865
- <a href="#origin-colorsMalachite400"
11904
+ id="origin-originColorsReferenceOnlyCherry400"
11905
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 400; ">
11906
+ originColorsReferenceOnlyCherry400
11907
+ <a href="#origin-originColorsReferenceOnlyCherry400"
11866
11908
  title="permalink"
11867
11909
  class="permalink">
11868
11910
  🔗
11869
11911
  </a>
11870
11912
  </td>
11871
11913
  <td class="is-vcentered">
11872
- <pre>#00af2dff</pre>
11914
+ <pre>#d85579ff</pre>
11873
11915
  </td>
11874
11916
  <td class="is-vcentered">
11875
11917
  <div class="table__color-preview"
11876
- style="background-color: #00af2dff;">
11918
+ style="background-color: #d85579ff;">
11877
11919
  </div>
11878
11920
 
11879
11921
  </td>
11880
11922
  </tr>
11881
11923
  <tr>
11882
11924
  <td class="with-icons is-vcentered"
11883
- id="origin-colorsMalachite500"
11884
- title="theme: origin; category: colors; name: malachite; variant: 500; ">
11885
- colorsMalachite500
11886
- <a href="#origin-colorsMalachite500"
11925
+ id="origin-originColorsReferenceOnlyCherry500"
11926
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 500; ">
11927
+ originColorsReferenceOnlyCherry500
11928
+ <a href="#origin-originColorsReferenceOnlyCherry500"
11887
11929
  title="permalink"
11888
11930
  class="permalink">
11889
11931
  🔗
11890
11932
  </a>
11891
11933
  </td>
11892
11934
  <td class="is-vcentered">
11893
- <pre>#008a21ff</pre>
11935
+ <pre>#ba3c63ff</pre>
11894
11936
  </td>
11895
11937
  <td class="is-vcentered">
11896
11938
  <div class="table__color-preview"
11897
- style="background-color: #008a21ff;">
11939
+ style="background-color: #ba3c63ff;">
11898
11940
  </div>
11899
11941
 
11900
11942
  </td>
11901
11943
  </tr>
11902
11944
  <tr>
11903
11945
  <td class="with-icons is-vcentered"
11904
- id="origin-colorsMalachite600"
11905
- title="theme: origin; category: colors; name: malachite; variant: 600; ">
11906
- colorsMalachite600
11907
- <a href="#origin-colorsMalachite600"
11946
+ id="origin-originColorsReferenceOnlyCherry600"
11947
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 600; ">
11948
+ originColorsReferenceOnlyCherry600
11949
+ <a href="#origin-originColorsReferenceOnlyCherry600"
11908
11950
  title="permalink"
11909
11951
  class="permalink">
11910
11952
  🔗
11911
11953
  </a>
11912
11954
  </td>
11913
11955
  <td class="is-vcentered">
11914
- <pre>#006716ff</pre>
11956
+ <pre>#95304fff</pre>
11915
11957
  </td>
11916
11958
  <td class="is-vcentered">
11917
11959
  <div class="table__color-preview"
11918
- style="background-color: #006716ff;">
11960
+ style="background-color: #95304fff;">
11919
11961
  </div>
11920
11962
 
11921
11963
  </td>
11922
11964
  </tr>
11923
11965
  <tr>
11924
11966
  <td class="with-icons is-vcentered"
11925
- id="origin-colorsMalachite700"
11926
- title="theme: origin; category: colors; name: malachite; variant: 700; ">
11927
- colorsMalachite700
11928
- <a href="#origin-colorsMalachite700"
11967
+ id="origin-originColorsReferenceOnlyCherry700"
11968
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 700; ">
11969
+ originColorsReferenceOnlyCherry700
11970
+ <a href="#origin-originColorsReferenceOnlyCherry700"
11929
11971
  title="permalink"
11930
11972
  class="permalink">
11931
11973
  🔗
11932
11974
  </a>
11933
11975
  </td>
11934
11976
  <td class="is-vcentered">
11935
- <pre>#00460cff</pre>
11977
+ <pre>#70243bff</pre>
11936
11978
  </td>
11937
11979
  <td class="is-vcentered">
11938
11980
  <div class="table__color-preview"
11939
- style="background-color: #00460cff;">
11981
+ style="background-color: #70243bff;">
11940
11982
  </div>
11941
11983
 
11942
11984
  </td>
11943
11985
  </tr>
11944
11986
  <tr>
11945
11987
  <td class="with-icons is-vcentered"
11946
- id="origin-colorsMalachite800"
11947
- title="theme: origin; category: colors; name: malachite; variant: 800; ">
11948
- colorsMalachite800
11949
- <a href="#origin-colorsMalachite800"
11988
+ id="origin-originColorsReferenceOnlyCherry800"
11989
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 800; ">
11990
+ originColorsReferenceOnlyCherry800
11991
+ <a href="#origin-originColorsReferenceOnlyCherry800"
11950
11992
  title="permalink"
11951
11993
  class="permalink">
11952
11994
  🔗
11953
11995
  </a>
11954
11996
  </td>
11955
11997
  <td class="is-vcentered">
11956
- <pre>#002f08ff</pre>
11998
+ <pre>#4a1828ff</pre>
11957
11999
  </td>
11958
12000
  <td class="is-vcentered">
11959
12001
  <div class="table__color-preview"
11960
- style="background-color: #002f08ff;">
12002
+ style="background-color: #4a1828ff;">
11961
12003
  </div>
11962
12004
 
11963
12005
  </td>
11964
12006
  </tr>
11965
12007
  <tr>
11966
12008
  <td class="with-icons is-vcentered"
11967
- id="origin-colorsMalachite900"
11968
- title="theme: origin; category: colors; name: malachite; variant: 900; ">
11969
- colorsMalachite900
11970
- <a href="#origin-colorsMalachite900"
12009
+ id="origin-originColorsReferenceOnlyCherry900"
12010
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 900; ">
12011
+ originColorsReferenceOnlyCherry900
12012
+ <a href="#origin-originColorsReferenceOnlyCherry900"
11971
12013
  title="permalink"
11972
12014
  class="permalink">
11973
12015
  🔗
11974
12016
  </a>
11975
12017
  </td>
11976
12018
  <td class="is-vcentered">
11977
- <pre>#001704ff</pre>
12019
+ <pre>#250c14ff</pre>
11978
12020
  </td>
11979
12021
  <td class="is-vcentered">
11980
12022
  <div class="table__color-preview"
11981
- style="background-color: #001704ff;">
12023
+ style="background-color: #250c14ff;">
11982
12024
  </div>
11983
12025
 
11984
12026
  </td>
11985
12027
  </tr>
11986
12028
  <tr>
11987
12029
  <td class="with-icons is-vcentered"
11988
- id="origin-colorsMalachite010"
11989
- title="theme: origin; category: colors; name: malachite; variant: 010; ">
11990
- colorsMalachite010
11991
- <a href="#origin-colorsMalachite010"
12030
+ id="origin-originColorsReferenceOnlyCherry010"
12031
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 010; ">
12032
+ originColorsReferenceOnlyCherry010
12033
+ <a href="#origin-originColorsReferenceOnlyCherry010"
11992
12034
  title="permalink"
11993
12035
  class="permalink">
11994
12036
  🔗
11995
12037
  </a>
11996
12038
  </td>
11997
12039
  <td class="is-vcentered">
11998
- <pre>#effcf0ff</pre>
12040
+ <pre>#fef5f7ff</pre>
11999
12041
  </td>
12000
12042
  <td class="is-vcentered">
12001
12043
  <div class="table__color-preview"
12002
- style="background-color: #effcf0ff;">
12044
+ style="background-color: #fef5f7ff;">
12003
12045
  </div>
12004
12046
 
12005
12047
  </td>
12006
12048
  </tr>
12007
12049
  <tr>
12008
12050
  <td class="with-icons is-vcentered"
12009
- id="origin-colorsMalachite050"
12010
- title="theme: origin; category: colors; name: malachite; variant: 050; ">
12011
- colorsMalachite050
12012
- <a href="#origin-colorsMalachite050"
12051
+ id="origin-originColorsReferenceOnlyCherry050"
12052
+ title="theme: origin; category: origin-colors (reference only); name: cherry; variant: 050; ">
12053
+ originColorsReferenceOnlyCherry050
12054
+ <a href="#origin-originColorsReferenceOnlyCherry050"
12013
12055
  title="permalink"
12014
12056
  class="permalink">
12015
12057
  🔗
12016
12058
  </a>
12017
12059
  </td>
12018
12060
  <td class="is-vcentered">
12019
- <pre>#c1fac7ff</pre>
12061
+ <pre>#fad4deff</pre>
12020
12062
  </td>
12021
12063
  <td class="is-vcentered">
12022
12064
  <div class="table__color-preview"
12023
- style="background-color: #c1fac7ff;">
12065
+ style="background-color: #fad4deff;">
12066
+ </div>
12067
+
12068
+ </td>
12069
+ </tr>
12070
+ <tr>
12071
+ <td class="with-icons is-vcentered"
12072
+ id="origin-originColorsReferenceOnlyTerra100"
12073
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 100; ">
12074
+ originColorsReferenceOnlyTerra100
12075
+ <a href="#origin-originColorsReferenceOnlyTerra100"
12076
+ title="permalink"
12077
+ class="permalink">
12078
+ 🔗
12079
+ </a>
12080
+ </td>
12081
+ <td class="is-vcentered">
12082
+ <pre>#ffbca6ff</pre>
12083
+ </td>
12084
+ <td class="is-vcentered">
12085
+ <div class="table__color-preview"
12086
+ style="background-color: #ffbca6ff;">
12024
12087
  </div>
12025
12088
 
12026
12089
  </td>
12027
12090
  </tr>
12028
12091
  <tr>
12029
12092
  <td class="with-icons is-vcentered"
12030
- id="origin-colorsGray100"
12031
- title="theme: origin; category: colors; name: gray; variant: 100; ">
12032
- colorsGray100
12033
- <a href="#origin-colorsGray100"
12093
+ id="origin-originColorsReferenceOnlyTerra200"
12094
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 200; ">
12095
+ originColorsReferenceOnlyTerra200
12096
+ <a href="#origin-originColorsReferenceOnlyTerra200"
12097
+ title="permalink"
12098
+ class="permalink">
12099
+ 🔗
12100
+ </a>
12101
+ </td>
12102
+ <td class="is-vcentered">
12103
+ <pre>#f59a83ff</pre>
12104
+ </td>
12105
+ <td class="is-vcentered">
12106
+ <div class="table__color-preview"
12107
+ style="background-color: #f59a83ff;">
12108
+ </div>
12109
+
12110
+ </td>
12111
+ </tr>
12112
+ <tr>
12113
+ <td class="with-icons is-vcentered"
12114
+ id="origin-originColorsReferenceOnlyTerra300"
12115
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 300; ">
12116
+ originColorsReferenceOnlyTerra300
12117
+ <a href="#origin-originColorsReferenceOnlyTerra300"
12118
+ title="permalink"
12119
+ class="permalink">
12120
+ 🔗
12121
+ </a>
12122
+ </td>
12123
+ <td class="is-vcentered">
12124
+ <pre>#ea7961ff</pre>
12125
+ </td>
12126
+ <td class="is-vcentered">
12127
+ <div class="table__color-preview"
12128
+ style="background-color: #ea7961ff;">
12129
+ </div>
12130
+
12131
+ </td>
12132
+ </tr>
12133
+ <tr>
12134
+ <td class="with-icons is-vcentered"
12135
+ id="origin-originColorsReferenceOnlyTerra400"
12136
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 400; ">
12137
+ originColorsReferenceOnlyTerra400
12138
+ <a href="#origin-originColorsReferenceOnlyTerra400"
12139
+ title="permalink"
12140
+ class="permalink">
12141
+ 🔗
12142
+ </a>
12143
+ </td>
12144
+ <td class="is-vcentered">
12145
+ <pre>#e0583eff</pre>
12146
+ </td>
12147
+ <td class="is-vcentered">
12148
+ <div class="table__color-preview"
12149
+ style="background-color: #e0583eff;">
12150
+ </div>
12151
+
12152
+ </td>
12153
+ </tr>
12154
+ <tr>
12155
+ <td class="with-icons is-vcentered"
12156
+ id="origin-originColorsReferenceOnlyTerra500"
12157
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 500; ">
12158
+ originColorsReferenceOnlyTerra500
12159
+ <a href="#origin-originColorsReferenceOnlyTerra500"
12160
+ title="permalink"
12161
+ class="permalink">
12162
+ 🔗
12163
+ </a>
12164
+ </td>
12165
+ <td class="is-vcentered">
12166
+ <pre>#c94633ff</pre>
12167
+ </td>
12168
+ <td class="is-vcentered">
12169
+ <div class="table__color-preview"
12170
+ style="background-color: #c94633ff;">
12171
+ </div>
12172
+
12173
+ </td>
12174
+ </tr>
12175
+ <tr>
12176
+ <td class="with-icons is-vcentered"
12177
+ id="origin-originColorsReferenceOnlyTerra600"
12178
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 600; ">
12179
+ originColorsReferenceOnlyTerra600
12180
+ <a href="#origin-originColorsReferenceOnlyTerra600"
12181
+ title="permalink"
12182
+ class="permalink">
12183
+ 🔗
12184
+ </a>
12185
+ </td>
12186
+ <td class="is-vcentered">
12187
+ <pre>#a13829ff</pre>
12188
+ </td>
12189
+ <td class="is-vcentered">
12190
+ <div class="table__color-preview"
12191
+ style="background-color: #a13829ff;">
12192
+ </div>
12193
+
12194
+ </td>
12195
+ </tr>
12196
+ <tr>
12197
+ <td class="with-icons is-vcentered"
12198
+ id="origin-originColorsReferenceOnlyTerra700"
12199
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 700; ">
12200
+ originColorsReferenceOnlyTerra700
12201
+ <a href="#origin-originColorsReferenceOnlyTerra700"
12202
+ title="permalink"
12203
+ class="permalink">
12204
+ 🔗
12205
+ </a>
12206
+ </td>
12207
+ <td class="is-vcentered">
12208
+ <pre>#782a1eff</pre>
12209
+ </td>
12210
+ <td class="is-vcentered">
12211
+ <div class="table__color-preview"
12212
+ style="background-color: #782a1eff;">
12213
+ </div>
12214
+
12215
+ </td>
12216
+ </tr>
12217
+ <tr>
12218
+ <td class="with-icons is-vcentered"
12219
+ id="origin-originColorsReferenceOnlyTerra800"
12220
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 800; ">
12221
+ originColorsReferenceOnlyTerra800
12222
+ <a href="#origin-originColorsReferenceOnlyTerra800"
12223
+ title="permalink"
12224
+ class="permalink">
12225
+ 🔗
12226
+ </a>
12227
+ </td>
12228
+ <td class="is-vcentered">
12229
+ <pre>#501c14ff</pre>
12230
+ </td>
12231
+ <td class="is-vcentered">
12232
+ <div class="table__color-preview"
12233
+ style="background-color: #501c14ff;">
12234
+ </div>
12235
+
12236
+ </td>
12237
+ </tr>
12238
+ <tr>
12239
+ <td class="with-icons is-vcentered"
12240
+ id="origin-originColorsReferenceOnlyTerra900"
12241
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 900; ">
12242
+ originColorsReferenceOnlyTerra900
12243
+ <a href="#origin-originColorsReferenceOnlyTerra900"
12244
+ title="permalink"
12245
+ class="permalink">
12246
+ 🔗
12247
+ </a>
12248
+ </td>
12249
+ <td class="is-vcentered">
12250
+ <pre>#280e0aff</pre>
12251
+ </td>
12252
+ <td class="is-vcentered">
12253
+ <div class="table__color-preview"
12254
+ style="background-color: #280e0aff;">
12255
+ </div>
12256
+
12257
+ </td>
12258
+ </tr>
12259
+ <tr>
12260
+ <td class="with-icons is-vcentered"
12261
+ id="origin-originColorsReferenceOnlyTerra010"
12262
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 010; ">
12263
+ originColorsReferenceOnlyTerra010
12264
+ <a href="#origin-originColorsReferenceOnlyTerra010"
12265
+ title="permalink"
12266
+ class="permalink">
12267
+ 🔗
12268
+ </a>
12269
+ </td>
12270
+ <td class="is-vcentered">
12271
+ <pre>#fff7f5ff</pre>
12272
+ </td>
12273
+ <td class="is-vcentered">
12274
+ <div class="table__color-preview"
12275
+ style="background-color: #fff7f5ff;">
12276
+ </div>
12277
+
12278
+ </td>
12279
+ </tr>
12280
+ <tr>
12281
+ <td class="with-icons is-vcentered"
12282
+ id="origin-originColorsReferenceOnlyTerra050"
12283
+ title="theme: origin; category: origin-colors (reference only); name: terra; variant: 050; ">
12284
+ originColorsReferenceOnlyTerra050
12285
+ <a href="#origin-originColorsReferenceOnlyTerra050"
12286
+ title="permalink"
12287
+ class="permalink">
12288
+ 🔗
12289
+ </a>
12290
+ </td>
12291
+ <td class="is-vcentered">
12292
+ <pre>#ffdcd1ff</pre>
12293
+ </td>
12294
+ <td class="is-vcentered">
12295
+ <div class="table__color-preview"
12296
+ style="background-color: #ffdcd1ff;">
12297
+ </div>
12298
+
12299
+ </td>
12300
+ </tr>
12301
+ <tr>
12302
+ <td class="with-icons is-vcentered"
12303
+ id="origin-originColorsReferenceOnlyGray100"
12304
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 100; ">
12305
+ originColorsReferenceOnlyGray100
12306
+ <a href="#origin-originColorsReferenceOnlyGray100"
12034
12307
  title="permalink"
12035
12308
  class="permalink">
12036
12309
  🔗
@@ -12048,10 +12321,10 @@
12048
12321
  </tr>
12049
12322
  <tr>
12050
12323
  <td class="with-icons is-vcentered"
12051
- id="origin-colorsGray200"
12052
- title="theme: origin; category: colors; name: gray; variant: 200; ">
12053
- colorsGray200
12054
- <a href="#origin-colorsGray200"
12324
+ id="origin-originColorsReferenceOnlyGray200"
12325
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 200; ">
12326
+ originColorsReferenceOnlyGray200
12327
+ <a href="#origin-originColorsReferenceOnlyGray200"
12055
12328
  title="permalink"
12056
12329
  class="permalink">
12057
12330
  🔗
@@ -12069,10 +12342,10 @@
12069
12342
  </tr>
12070
12343
  <tr>
12071
12344
  <td class="with-icons is-vcentered"
12072
- id="origin-colorsGray300"
12073
- title="theme: origin; category: colors; name: gray; variant: 300; ">
12074
- colorsGray300
12075
- <a href="#origin-colorsGray300"
12345
+ id="origin-originColorsReferenceOnlyGray300"
12346
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 300; ">
12347
+ originColorsReferenceOnlyGray300
12348
+ <a href="#origin-originColorsReferenceOnlyGray300"
12076
12349
  title="permalink"
12077
12350
  class="permalink">
12078
12351
  🔗
@@ -12090,10 +12363,10 @@
12090
12363
  </tr>
12091
12364
  <tr>
12092
12365
  <td class="with-icons is-vcentered"
12093
- id="origin-colorsGray400"
12094
- title="theme: origin; category: colors; name: gray; variant: 400; ">
12095
- colorsGray400
12096
- <a href="#origin-colorsGray400"
12366
+ id="origin-originColorsReferenceOnlyGray400"
12367
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 400; ">
12368
+ originColorsReferenceOnlyGray400
12369
+ <a href="#origin-originColorsReferenceOnlyGray400"
12097
12370
  title="permalink"
12098
12371
  class="permalink">
12099
12372
  🔗
@@ -12111,10 +12384,10 @@
12111
12384
  </tr>
12112
12385
  <tr>
12113
12386
  <td class="with-icons is-vcentered"
12114
- id="origin-colorsGray500"
12115
- title="theme: origin; category: colors; name: gray; variant: 500; ">
12116
- colorsGray500
12117
- <a href="#origin-colorsGray500"
12387
+ id="origin-originColorsReferenceOnlyGray500"
12388
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 500; ">
12389
+ originColorsReferenceOnlyGray500
12390
+ <a href="#origin-originColorsReferenceOnlyGray500"
12118
12391
  title="permalink"
12119
12392
  class="permalink">
12120
12393
  🔗
@@ -12132,10 +12405,10 @@
12132
12405
  </tr>
12133
12406
  <tr>
12134
12407
  <td class="with-icons is-vcentered"
12135
- id="origin-colorsGray600"
12136
- title="theme: origin; category: colors; name: gray; variant: 600; ">
12137
- colorsGray600
12138
- <a href="#origin-colorsGray600"
12408
+ id="origin-originColorsReferenceOnlyGray600"
12409
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 600; ">
12410
+ originColorsReferenceOnlyGray600
12411
+ <a href="#origin-originColorsReferenceOnlyGray600"
12139
12412
  title="permalink"
12140
12413
  class="permalink">
12141
12414
  🔗
@@ -12153,10 +12426,10 @@
12153
12426
  </tr>
12154
12427
  <tr>
12155
12428
  <td class="with-icons is-vcentered"
12156
- id="origin-colorsGray700"
12157
- title="theme: origin; category: colors; name: gray; variant: 700; ">
12158
- colorsGray700
12159
- <a href="#origin-colorsGray700"
12429
+ id="origin-originColorsReferenceOnlyGray700"
12430
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 700; ">
12431
+ originColorsReferenceOnlyGray700
12432
+ <a href="#origin-originColorsReferenceOnlyGray700"
12160
12433
  title="permalink"
12161
12434
  class="permalink">
12162
12435
  🔗
@@ -12174,10 +12447,10 @@
12174
12447
  </tr>
12175
12448
  <tr>
12176
12449
  <td class="with-icons is-vcentered"
12177
- id="origin-colorsGray800"
12178
- title="theme: origin; category: colors; name: gray; variant: 800; ">
12179
- colorsGray800
12180
- <a href="#origin-colorsGray800"
12450
+ id="origin-originColorsReferenceOnlyGray800"
12451
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 800; ">
12452
+ originColorsReferenceOnlyGray800
12453
+ <a href="#origin-originColorsReferenceOnlyGray800"
12181
12454
  title="permalink"
12182
12455
  class="permalink">
12183
12456
  🔗
@@ -12195,10 +12468,10 @@
12195
12468
  </tr>
12196
12469
  <tr>
12197
12470
  <td class="with-icons is-vcentered"
12198
- id="origin-colorsGray900"
12199
- title="theme: origin; category: colors; name: gray; variant: 900; ">
12200
- colorsGray900
12201
- <a href="#origin-colorsGray900"
12471
+ id="origin-originColorsReferenceOnlyGray900"
12472
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 900; ">
12473
+ originColorsReferenceOnlyGray900
12474
+ <a href="#origin-originColorsReferenceOnlyGray900"
12202
12475
  title="permalink"
12203
12476
  class="permalink">
12204
12477
  🔗
@@ -12216,10 +12489,10 @@
12216
12489
  </tr>
12217
12490
  <tr>
12218
12491
  <td class="with-icons is-vcentered"
12219
- id="origin-colorsGray1000"
12220
- title="theme: origin; category: colors; name: gray; variant: 1000; ">
12221
- colorsGray1000
12222
- <a href="#origin-colorsGray1000"
12492
+ id="origin-originColorsReferenceOnlyGray1000"
12493
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 1000; ">
12494
+ originColorsReferenceOnlyGray1000
12495
+ <a href="#origin-originColorsReferenceOnlyGray1000"
12223
12496
  title="permalink"
12224
12497
  class="permalink">
12225
12498
  🔗
@@ -12237,10 +12510,10 @@
12237
12510
  </tr>
12238
12511
  <tr>
12239
12512
  <td class="with-icons is-vcentered"
12240
- id="origin-colorsGray000"
12241
- title="theme: origin; category: colors; name: gray; variant: 000; ">
12242
- colorsGray000
12243
- <a href="#origin-colorsGray000"
12513
+ id="origin-originColorsReferenceOnlyGray000"
12514
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 000; ">
12515
+ originColorsReferenceOnlyGray000
12516
+ <a href="#origin-originColorsReferenceOnlyGray000"
12244
12517
  title="permalink"
12245
12518
  class="permalink">
12246
12519
  🔗
@@ -12258,10 +12531,10 @@
12258
12531
  </tr>
12259
12532
  <tr>
12260
12533
  <td class="with-icons is-vcentered"
12261
- id="origin-colorsGray010"
12262
- title="theme: origin; category: colors; name: gray; variant: 010; ">
12263
- colorsGray010
12264
- <a href="#origin-colorsGray010"
12534
+ id="origin-originColorsReferenceOnlyGray010"
12535
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 010; ">
12536
+ originColorsReferenceOnlyGray010
12537
+ <a href="#origin-originColorsReferenceOnlyGray010"
12265
12538
  title="permalink"
12266
12539
  class="permalink">
12267
12540
  🔗
@@ -12279,10 +12552,10 @@
12279
12552
  </tr>
12280
12553
  <tr>
12281
12554
  <td class="with-icons is-vcentered"
12282
- id="origin-colorsGray050"
12283
- title="theme: origin; category: colors; name: gray; variant: 050; ">
12284
- colorsGray050
12285
- <a href="#origin-colorsGray050"
12555
+ id="origin-originColorsReferenceOnlyGray050"
12556
+ title="theme: origin; category: origin-colors (reference only); name: gray; variant: 050; ">
12557
+ originColorsReferenceOnlyGray050
12558
+ <a href="#origin-originColorsReferenceOnlyGray050"
12286
12559
  title="permalink"
12287
12560
  class="permalink">
12288
12561
  🔗
@@ -12300,10 +12573,10 @@
12300
12573
  </tr>
12301
12574
  <tr>
12302
12575
  <td class="with-icons is-vcentered"
12303
- id="origin-colorsSkin400"
12304
- title="theme: origin; category: colors; name: skin; variant: 400; ">
12305
- colorsSkin400
12306
- <a href="#origin-colorsSkin400"
12576
+ id="origin-originColorsReferenceOnlySkin400"
12577
+ title="theme: origin; category: origin-colors (reference only); name: skin; variant: 400; ">
12578
+ originColorsReferenceOnlySkin400
12579
+ <a href="#origin-originColorsReferenceOnlySkin400"
12307
12580
  title="permalink"
12308
12581
  class="permalink">
12309
12582
  🔗
@@ -12321,10 +12594,10 @@
12321
12594
  </tr>
12322
12595
  <tr>
12323
12596
  <td class="with-icons is-vcentered"
12324
- id="origin-colorsSkin500"
12325
- title="theme: origin; category: colors; name: skin; variant: 500; ">
12326
- colorsSkin500
12327
- <a href="#origin-colorsSkin500"
12597
+ id="origin-originColorsReferenceOnlySkin500"
12598
+ title="theme: origin; category: origin-colors (reference only); name: skin; variant: 500; ">
12599
+ originColorsReferenceOnlySkin500
12600
+ <a href="#origin-originColorsReferenceOnlySkin500"
12328
12601
  title="permalink"
12329
12602
  class="permalink">
12330
12603
  🔗
@@ -12342,10 +12615,10 @@
12342
12615
  </tr>
12343
12616
  <tr>
12344
12617
  <td class="with-icons is-vcentered"
12345
- id="origin-colorsSkin600"
12346
- title="theme: origin; category: colors; name: skin; variant: 600; ">
12347
- colorsSkin600
12348
- <a href="#origin-colorsSkin600"
12618
+ id="origin-originColorsReferenceOnlySkin600"
12619
+ title="theme: origin; category: origin-colors (reference only); name: skin; variant: 600; ">
12620
+ originColorsReferenceOnlySkin600
12621
+ <a href="#origin-originColorsReferenceOnlySkin600"
12349
12622
  title="permalink"
12350
12623
  class="permalink">
12351
12624
  🔗
@@ -12363,10 +12636,10 @@
12363
12636
  </tr>
12364
12637
  <tr>
12365
12638
  <td class="with-icons is-vcentered"
12366
- id="origin-colorsSkin700"
12367
- title="theme: origin; category: colors; name: skin; variant: 700; ">
12368
- colorsSkin700
12369
- <a href="#origin-colorsSkin700"
12639
+ id="origin-originColorsReferenceOnlySkin700"
12640
+ title="theme: origin; category: origin-colors (reference only); name: skin; variant: 700; ">
12641
+ originColorsReferenceOnlySkin700
12642
+ <a href="#origin-originColorsReferenceOnlySkin700"
12370
12643
  title="permalink"
12371
12644
  class="permalink">
12372
12645
  🔗
@@ -12384,10 +12657,10 @@
12384
12657
  </tr>
12385
12658
  <tr>
12386
12659
  <td class="with-icons is-vcentered"
12387
- id="origin-colorsFuchsia400"
12388
- title="theme: origin; category: colors; name: fuchsia; variant: 400; ">
12389
- colorsFuchsia400
12390
- <a href="#origin-colorsFuchsia400"
12660
+ id="origin-originColorsReferenceOnlyFuchsia400"
12661
+ title="theme: origin; category: origin-colors (reference only); name: fuchsia; variant: 400; ">
12662
+ originColorsReferenceOnlyFuchsia400
12663
+ <a href="#origin-originColorsReferenceOnlyFuchsia400"
12391
12664
  title="permalink"
12392
12665
  class="permalink">
12393
12666
  🔗
@@ -12405,10 +12678,10 @@
12405
12678
  </tr>
12406
12679
  <tr>
12407
12680
  <td class="with-icons is-vcentered"
12408
- id="origin-colorsFuchsia500"
12409
- title="theme: origin; category: colors; name: fuchsia; variant: 500; ">
12410
- colorsFuchsia500
12411
- <a href="#origin-colorsFuchsia500"
12681
+ id="origin-originColorsReferenceOnlyFuchsia500"
12682
+ title="theme: origin; category: origin-colors (reference only); name: fuchsia; variant: 500; ">
12683
+ originColorsReferenceOnlyFuchsia500
12684
+ <a href="#origin-originColorsReferenceOnlyFuchsia500"
12412
12685
  title="permalink"
12413
12686
  class="permalink">
12414
12687
  🔗