@sage/design-tokens 2.56.0 → 2.57.0

package/docs/tokens/index.html

@@ -263,8 +263,8 @@
                 </p>
                 <ul class="menu-list">
                         <li>
-                            <a href="origin/origin/index.html">
-                                origin
+                            <a href="origin/colors/index.html">
+                                colors
                             </a>
                         </li>
                 </ul>
@@ -10221,9 +10221,9 @@
                 <a href="#origin" title="permalink" class="permalink">🔗</a>
             </h2>
                 <section class="my-6">
-                    <h3 class="with-icons title is-3 has-text-weight-bold" id="origin-origin">
-                        origin
-                        <a href="#origin-origin" title="permalink" class="permalink">
+                    <h3 class="with-icons title is-3 has-text-weight-bold" id="origin-colors">
+                        colors
+                        <a href="#origin-colors" title="permalink" class="permalink">
                             🔗
                         </a>
                     </h3>
@@ -10242,10 +10242,10 @@
                       </thead>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade100"
-                                    title="theme: origin; category: origin; name: jade; variant: 100; ">
-                                    originJade100
-                                    <a href="#origin-originJade100"
+                                    id="origin-colorsJade100"
+                                    title="theme: origin; category: colors; name: jade; variant: 100; ">
+                                    colorsJade100
+                                    <a href="#origin-colorsJade100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10263,10 +10263,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade200"
-                                    title="theme: origin; category: origin; name: jade; variant: 200; ">
-                                    originJade200
-                                    <a href="#origin-originJade200"
+                                    id="origin-colorsJade200"
+                                    title="theme: origin; category: colors; name: jade; variant: 200; ">
+                                    colorsJade200
+                                    <a href="#origin-colorsJade200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10284,10 +10284,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade300"
-                                    title="theme: origin; category: origin; name: jade; variant: 300; ">
-                                    originJade300
-                                    <a href="#origin-originJade300"
+                                    id="origin-colorsJade300"
+                                    title="theme: origin; category: colors; name: jade; variant: 300; ">
+                                    colorsJade300
+                                    <a href="#origin-colorsJade300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10305,10 +10305,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade400"
-                                    title="theme: origin; category: origin; name: jade; variant: 400; ">
-                                    originJade400
-                                    <a href="#origin-originJade400"
+                                    id="origin-colorsJade400"
+                                    title="theme: origin; category: colors; name: jade; variant: 400; ">
+                                    colorsJade400
+                                    <a href="#origin-colorsJade400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10326,10 +10326,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade500"
-                                    title="theme: origin; category: origin; name: jade; variant: 500; ">
-                                    originJade500
-                                    <a href="#origin-originJade500"
+                                    id="origin-colorsJade500"
+                                    title="theme: origin; category: colors; name: jade; variant: 500; ">
+                                    colorsJade500
+                                    <a href="#origin-colorsJade500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10347,10 +10347,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade600"
-                                    title="theme: origin; category: origin; name: jade; variant: 600; ">
-                                    originJade600
-                                    <a href="#origin-originJade600"
+                                    id="origin-colorsJade600"
+                                    title="theme: origin; category: colors; name: jade; variant: 600; ">
+                                    colorsJade600
+                                    <a href="#origin-colorsJade600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10368,10 +10368,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade700"
-                                    title="theme: origin; category: origin; name: jade; variant: 700; ">
-                                    originJade700
-                                    <a href="#origin-originJade700"
+                                    id="origin-colorsJade700"
+                                    title="theme: origin; category: colors; name: jade; variant: 700; ">
+                                    colorsJade700
+                                    <a href="#origin-colorsJade700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10389,10 +10389,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade800"
-                                    title="theme: origin; category: origin; name: jade; variant: 800; ">
-                                    originJade800
-                                    <a href="#origin-originJade800"
+                                    id="origin-colorsJade800"
+                                    title="theme: origin; category: colors; name: jade; variant: 800; ">
+                                    colorsJade800
+                                    <a href="#origin-colorsJade800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10410,10 +10410,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade900"
-                                    title="theme: origin; category: origin; name: jade; variant: 900; ">
-                                    originJade900
-                                    <a href="#origin-originJade900"
+                                    id="origin-colorsJade900"
+                                    title="theme: origin; category: colors; name: jade; variant: 900; ">
+                                    colorsJade900
+                                    <a href="#origin-colorsJade900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10431,10 +10431,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade010"
-                                    title="theme: origin; category: origin; name: jade; variant: 010; ">
-                                    originJade010
-                                    <a href="#origin-originJade010"
+                                    id="origin-colorsJade010"
+                                    title="theme: origin; category: colors; name: jade; variant: 010; ">
+                                    colorsJade010
+                                    <a href="#origin-colorsJade010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10452,10 +10452,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originJade050"
-                                    title="theme: origin; category: origin; name: jade; variant: 050; ">
-                                    originJade050
-                                    <a href="#origin-originJade050"
+                                    id="origin-colorsJade050"
+                                    title="theme: origin; category: colors; name: jade; variant: 050; ">
+                                    colorsJade050
+                                    <a href="#origin-colorsJade050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10473,10 +10473,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy100"
-                                    title="theme: origin; category: origin; name: navy; variant: 100; ">
-                                    originNavy100
-                                    <a href="#origin-originNavy100"
+                                    id="origin-colorsNavy100"
+                                    title="theme: origin; category: colors; name: navy; variant: 100; ">
+                                    colorsNavy100
+                                    <a href="#origin-colorsNavy100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10494,10 +10494,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy200"
-                                    title="theme: origin; category: origin; name: navy; variant: 200; ">
-                                    originNavy200
-                                    <a href="#origin-originNavy200"
+                                    id="origin-colorsNavy200"
+                                    title="theme: origin; category: colors; name: navy; variant: 200; ">
+                                    colorsNavy200
+                                    <a href="#origin-colorsNavy200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10515,10 +10515,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy300"
-                                    title="theme: origin; category: origin; name: navy; variant: 300; ">
-                                    originNavy300
-                                    <a href="#origin-originNavy300"
+                                    id="origin-colorsNavy300"
+                                    title="theme: origin; category: colors; name: navy; variant: 300; ">
+                                    colorsNavy300
+                                    <a href="#origin-colorsNavy300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10536,10 +10536,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy400"
-                                    title="theme: origin; category: origin; name: navy; variant: 400; ">
-                                    originNavy400
-                                    <a href="#origin-originNavy400"
+                                    id="origin-colorsNavy400"
+                                    title="theme: origin; category: colors; name: navy; variant: 400; ">
+                                    colorsNavy400
+                                    <a href="#origin-colorsNavy400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10557,10 +10557,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy500"
-                                    title="theme: origin; category: origin; name: navy; variant: 500; ">
-                                    originNavy500
-                                    <a href="#origin-originNavy500"
+                                    id="origin-colorsNavy500"
+                                    title="theme: origin; category: colors; name: navy; variant: 500; ">
+                                    colorsNavy500
+                                    <a href="#origin-colorsNavy500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10578,10 +10578,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy600"
-                                    title="theme: origin; category: origin; name: navy; variant: 600; ">
-                                    originNavy600
-                                    <a href="#origin-originNavy600"
+                                    id="origin-colorsNavy600"
+                                    title="theme: origin; category: colors; name: navy; variant: 600; ">
+                                    colorsNavy600
+                                    <a href="#origin-colorsNavy600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10599,10 +10599,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy700"
-                                    title="theme: origin; category: origin; name: navy; variant: 700; ">
-                                    originNavy700
-                                    <a href="#origin-originNavy700"
+                                    id="origin-colorsNavy700"
+                                    title="theme: origin; category: colors; name: navy; variant: 700; ">
+                                    colorsNavy700
+                                    <a href="#origin-colorsNavy700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10620,10 +10620,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy800"
-                                    title="theme: origin; category: origin; name: navy; variant: 800; ">
-                                    originNavy800
-                                    <a href="#origin-originNavy800"
+                                    id="origin-colorsNavy800"
+                                    title="theme: origin; category: colors; name: navy; variant: 800; ">
+                                    colorsNavy800
+                                    <a href="#origin-colorsNavy800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10641,10 +10641,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy900"
-                                    title="theme: origin; category: origin; name: navy; variant: 900; ">
-                                    originNavy900
-                                    <a href="#origin-originNavy900"
+                                    id="origin-colorsNavy900"
+                                    title="theme: origin; category: colors; name: navy; variant: 900; ">
+                                    colorsNavy900
+                                    <a href="#origin-colorsNavy900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10662,10 +10662,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy010"
-                                    title="theme: origin; category: origin; name: navy; variant: 010; ">
-                                    originNavy010
-                                    <a href="#origin-originNavy010"
+                                    id="origin-colorsNavy010"
+                                    title="theme: origin; category: colors; name: navy; variant: 010; ">
+                                    colorsNavy010
+                                    <a href="#origin-colorsNavy010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10683,10 +10683,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originNavy050"
-                                    title="theme: origin; category: origin; name: navy; variant: 050; ">
-                                    originNavy050
-                                    <a href="#origin-originNavy050"
+                                    id="origin-colorsNavy050"
+                                    title="theme: origin; category: colors; name: navy; variant: 050; ">
+                                    colorsNavy050
+                                    <a href="#origin-colorsNavy050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10704,10 +10704,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal100"
-                                    title="theme: origin; category: origin; name: teal; variant: 100; ">
-                                    originTeal100
-                                    <a href="#origin-originTeal100"
+                                    id="origin-colorsTeal100"
+                                    title="theme: origin; category: colors; name: teal; variant: 100; ">
+                                    colorsTeal100
+                                    <a href="#origin-colorsTeal100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10725,10 +10725,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal200"
-                                    title="theme: origin; category: origin; name: teal; variant: 200; ">
-                                    originTeal200
-                                    <a href="#origin-originTeal200"
+                                    id="origin-colorsTeal200"
+                                    title="theme: origin; category: colors; name: teal; variant: 200; ">
+                                    colorsTeal200
+                                    <a href="#origin-colorsTeal200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10746,10 +10746,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal300"
-                                    title="theme: origin; category: origin; name: teal; variant: 300; ">
-                                    originTeal300
-                                    <a href="#origin-originTeal300"
+                                    id="origin-colorsTeal300"
+                                    title="theme: origin; category: colors; name: teal; variant: 300; ">
+                                    colorsTeal300
+                                    <a href="#origin-colorsTeal300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10767,10 +10767,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal400"
-                                    title="theme: origin; category: origin; name: teal; variant: 400; ">
-                                    originTeal400
-                                    <a href="#origin-originTeal400"
+                                    id="origin-colorsTeal400"
+                                    title="theme: origin; category: colors; name: teal; variant: 400; ">
+                                    colorsTeal400
+                                    <a href="#origin-colorsTeal400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10788,10 +10788,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal500"
-                                    title="theme: origin; category: origin; name: teal; variant: 500; ">
-                                    originTeal500
-                                    <a href="#origin-originTeal500"
+                                    id="origin-colorsTeal500"
+                                    title="theme: origin; category: colors; name: teal; variant: 500; ">
+                                    colorsTeal500
+                                    <a href="#origin-colorsTeal500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10809,10 +10809,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal600"
-                                    title="theme: origin; category: origin; name: teal; variant: 600; ">
-                                    originTeal600
-                                    <a href="#origin-originTeal600"
+                                    id="origin-colorsTeal600"
+                                    title="theme: origin; category: colors; name: teal; variant: 600; ">
+                                    colorsTeal600
+                                    <a href="#origin-colorsTeal600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10830,10 +10830,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal700"
-                                    title="theme: origin; category: origin; name: teal; variant: 700; ">
-                                    originTeal700
-                                    <a href="#origin-originTeal700"
+                                    id="origin-colorsTeal700"
+                                    title="theme: origin; category: colors; name: teal; variant: 700; ">
+                                    colorsTeal700
+                                    <a href="#origin-colorsTeal700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10851,10 +10851,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal800"
-                                    title="theme: origin; category: origin; name: teal; variant: 800; ">
-                                    originTeal800
-                                    <a href="#origin-originTeal800"
+                                    id="origin-colorsTeal800"
+                                    title="theme: origin; category: colors; name: teal; variant: 800; ">
+                                    colorsTeal800
+                                    <a href="#origin-colorsTeal800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10872,10 +10872,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal900"
-                                    title="theme: origin; category: origin; name: teal; variant: 900; ">
-                                    originTeal900
-                                    <a href="#origin-originTeal900"
+                                    id="origin-colorsTeal900"
+                                    title="theme: origin; category: colors; name: teal; variant: 900; ">
+                                    colorsTeal900
+                                    <a href="#origin-colorsTeal900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10893,10 +10893,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal010"
-                                    title="theme: origin; category: origin; name: teal; variant: 010; ">
-                                    originTeal010
-                                    <a href="#origin-originTeal010"
+                                    id="origin-colorsTeal010"
+                                    title="theme: origin; category: colors; name: teal; variant: 010; ">
+                                    colorsTeal010
+                                    <a href="#origin-colorsTeal010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10914,10 +10914,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTeal050"
-                                    title="theme: origin; category: origin; name: teal; variant: 050; ">
-                                    originTeal050
-                                    <a href="#origin-originTeal050"
+                                    id="origin-colorsTeal050"
+                                    title="theme: origin; category: colors; name: teal; variant: 050; ">
+                                    colorsTeal050
+                                    <a href="#origin-colorsTeal050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10935,10 +10935,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry100"
-                                    title="theme: origin; category: origin; name: cherry; variant: 100; ">
-                                    originCherry100
-                                    <a href="#origin-originCherry100"
+                                    id="origin-colorsCherry100"
+                                    title="theme: origin; category: colors; name: cherry; variant: 100; ">
+                                    colorsCherry100
+                                    <a href="#origin-colorsCherry100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10956,10 +10956,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry200"
-                                    title="theme: origin; category: origin; name: cherry; variant: 200; ">
-                                    originCherry200
-                                    <a href="#origin-originCherry200"
+                                    id="origin-colorsCherry200"
+                                    title="theme: origin; category: colors; name: cherry; variant: 200; ">
+                                    colorsCherry200
+                                    <a href="#origin-colorsCherry200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10977,10 +10977,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry300"
-                                    title="theme: origin; category: origin; name: cherry; variant: 300; ">
-                                    originCherry300
-                                    <a href="#origin-originCherry300"
+                                    id="origin-colorsCherry300"
+                                    title="theme: origin; category: colors; name: cherry; variant: 300; ">
+                                    colorsCherry300
+                                    <a href="#origin-colorsCherry300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -10998,10 +10998,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry400"
-                                    title="theme: origin; category: origin; name: cherry; variant: 400; ">
-                                    originCherry400
-                                    <a href="#origin-originCherry400"
+                                    id="origin-colorsCherry400"
+                                    title="theme: origin; category: colors; name: cherry; variant: 400; ">
+                                    colorsCherry400
+                                    <a href="#origin-colorsCherry400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11019,10 +11019,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry500"
-                                    title="theme: origin; category: origin; name: cherry; variant: 500; ">
-                                    originCherry500
-                                    <a href="#origin-originCherry500"
+                                    id="origin-colorsCherry500"
+                                    title="theme: origin; category: colors; name: cherry; variant: 500; ">
+                                    colorsCherry500
+                                    <a href="#origin-colorsCherry500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11040,10 +11040,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry600"
-                                    title="theme: origin; category: origin; name: cherry; variant: 600; ">
-                                    originCherry600
-                                    <a href="#origin-originCherry600"
+                                    id="origin-colorsCherry600"
+                                    title="theme: origin; category: colors; name: cherry; variant: 600; ">
+                                    colorsCherry600
+                                    <a href="#origin-colorsCherry600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11061,10 +11061,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry700"
-                                    title="theme: origin; category: origin; name: cherry; variant: 700; ">
-                                    originCherry700
-                                    <a href="#origin-originCherry700"
+                                    id="origin-colorsCherry700"
+                                    title="theme: origin; category: colors; name: cherry; variant: 700; ">
+                                    colorsCherry700
+                                    <a href="#origin-colorsCherry700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11082,10 +11082,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry800"
-                                    title="theme: origin; category: origin; name: cherry; variant: 800; ">
-                                    originCherry800
-                                    <a href="#origin-originCherry800"
+                                    id="origin-colorsCherry800"
+                                    title="theme: origin; category: colors; name: cherry; variant: 800; ">
+                                    colorsCherry800
+                                    <a href="#origin-colorsCherry800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11103,10 +11103,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry900"
-                                    title="theme: origin; category: origin; name: cherry; variant: 900; ">
-                                    originCherry900
-                                    <a href="#origin-originCherry900"
+                                    id="origin-colorsCherry900"
+                                    title="theme: origin; category: colors; name: cherry; variant: 900; ">
+                                    colorsCherry900
+                                    <a href="#origin-colorsCherry900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11124,10 +11124,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry010"
-                                    title="theme: origin; category: origin; name: cherry; variant: 010; ">
-                                    originCherry010
-                                    <a href="#origin-originCherry010"
+                                    id="origin-colorsCherry010"
+                                    title="theme: origin; category: colors; name: cherry; variant: 010; ">
+                                    colorsCherry010
+                                    <a href="#origin-colorsCherry010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11145,10 +11145,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originCherry050"
-                                    title="theme: origin; category: origin; name: cherry; variant: 050; ">
-                                    originCherry050
-                                    <a href="#origin-originCherry050"
+                                    id="origin-colorsCherry050"
+                                    title="theme: origin; category: colors; name: cherry; variant: 050; ">
+                                    colorsCherry050
+                                    <a href="#origin-colorsCherry050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11166,10 +11166,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra100"
-                                    title="theme: origin; category: origin; name: terra; variant: 100; ">
-                                    originTerra100
-                                    <a href="#origin-originTerra100"
+                                    id="origin-colorsTerra100"
+                                    title="theme: origin; category: colors; name: terra; variant: 100; ">
+                                    colorsTerra100
+                                    <a href="#origin-colorsTerra100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11187,10 +11187,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra200"
-                                    title="theme: origin; category: origin; name: terra; variant: 200; ">
-                                    originTerra200
-                                    <a href="#origin-originTerra200"
+                                    id="origin-colorsTerra200"
+                                    title="theme: origin; category: colors; name: terra; variant: 200; ">
+                                    colorsTerra200
+                                    <a href="#origin-colorsTerra200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11208,10 +11208,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra300"
-                                    title="theme: origin; category: origin; name: terra; variant: 300; ">
-                                    originTerra300
-                                    <a href="#origin-originTerra300"
+                                    id="origin-colorsTerra300"
+                                    title="theme: origin; category: colors; name: terra; variant: 300; ">
+                                    colorsTerra300
+                                    <a href="#origin-colorsTerra300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11229,10 +11229,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra400"
-                                    title="theme: origin; category: origin; name: terra; variant: 400; ">
-                                    originTerra400
-                                    <a href="#origin-originTerra400"
+                                    id="origin-colorsTerra400"
+                                    title="theme: origin; category: colors; name: terra; variant: 400; ">
+                                    colorsTerra400
+                                    <a href="#origin-colorsTerra400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11250,10 +11250,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra500"
-                                    title="theme: origin; category: origin; name: terra; variant: 500; ">
-                                    originTerra500
-                                    <a href="#origin-originTerra500"
+                                    id="origin-colorsTerra500"
+                                    title="theme: origin; category: colors; name: terra; variant: 500; ">
+                                    colorsTerra500
+                                    <a href="#origin-colorsTerra500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11271,10 +11271,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra600"
-                                    title="theme: origin; category: origin; name: terra; variant: 600; ">
-                                    originTerra600
-                                    <a href="#origin-originTerra600"
+                                    id="origin-colorsTerra600"
+                                    title="theme: origin; category: colors; name: terra; variant: 600; ">
+                                    colorsTerra600
+                                    <a href="#origin-colorsTerra600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11292,10 +11292,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra700"
-                                    title="theme: origin; category: origin; name: terra; variant: 700; ">
-                                    originTerra700
-                                    <a href="#origin-originTerra700"
+                                    id="origin-colorsTerra700"
+                                    title="theme: origin; category: colors; name: terra; variant: 700; ">
+                                    colorsTerra700
+                                    <a href="#origin-colorsTerra700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11313,10 +11313,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra800"
-                                    title="theme: origin; category: origin; name: terra; variant: 800; ">
-                                    originTerra800
-                                    <a href="#origin-originTerra800"
+                                    id="origin-colorsTerra800"
+                                    title="theme: origin; category: colors; name: terra; variant: 800; ">
+                                    colorsTerra800
+                                    <a href="#origin-colorsTerra800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11334,10 +11334,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra900"
-                                    title="theme: origin; category: origin; name: terra; variant: 900; ">
-                                    originTerra900
-                                    <a href="#origin-originTerra900"
+                                    id="origin-colorsTerra900"
+                                    title="theme: origin; category: colors; name: terra; variant: 900; ">
+                                    colorsTerra900
+                                    <a href="#origin-colorsTerra900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11355,10 +11355,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra010"
-                                    title="theme: origin; category: origin; name: terra; variant: 010; ">
-                                    originTerra010
-                                    <a href="#origin-originTerra010"
+                                    id="origin-colorsTerra010"
+                                    title="theme: origin; category: colors; name: terra; variant: 010; ">
+                                    colorsTerra010
+                                    <a href="#origin-colorsTerra010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11376,10 +11376,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originTerra050"
-                                    title="theme: origin; category: origin; name: terra; variant: 050; ">
-                                    originTerra050
-                                    <a href="#origin-originTerra050"
+                                    id="origin-colorsTerra050"
+                                    title="theme: origin; category: colors; name: terra; variant: 050; ">
+                                    colorsTerra050
+                                    <a href="#origin-colorsTerra050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11397,10 +11397,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber100"
-                                    title="theme: origin; category: origin; name: amber; variant: 100; ">
-                                    originAmber100
-                                    <a href="#origin-originAmber100"
+                                    id="origin-colorsAmber100"
+                                    title="theme: origin; category: colors; name: amber; variant: 100; ">
+                                    colorsAmber100
+                                    <a href="#origin-colorsAmber100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11418,10 +11418,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber200"
-                                    title="theme: origin; category: origin; name: amber; variant: 200; ">
-                                    originAmber200
-                                    <a href="#origin-originAmber200"
+                                    id="origin-colorsAmber200"
+                                    title="theme: origin; category: colors; name: amber; variant: 200; ">
+                                    colorsAmber200
+                                    <a href="#origin-colorsAmber200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11439,10 +11439,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber300"
-                                    title="theme: origin; category: origin; name: amber; variant: 300; ">
-                                    originAmber300
-                                    <a href="#origin-originAmber300"
+                                    id="origin-colorsAmber300"
+                                    title="theme: origin; category: colors; name: amber; variant: 300; ">
+                                    colorsAmber300
+                                    <a href="#origin-colorsAmber300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11460,10 +11460,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber400"
-                                    title="theme: origin; category: origin; name: amber; variant: 400; ">
-                                    originAmber400
-                                    <a href="#origin-originAmber400"
+                                    id="origin-colorsAmber400"
+                                    title="theme: origin; category: colors; name: amber; variant: 400; ">
+                                    colorsAmber400
+                                    <a href="#origin-colorsAmber400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11481,10 +11481,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber500"
-                                    title="theme: origin; category: origin; name: amber; variant: 500; ">
-                                    originAmber500
-                                    <a href="#origin-originAmber500"
+                                    id="origin-colorsAmber500"
+                                    title="theme: origin; category: colors; name: amber; variant: 500; ">
+                                    colorsAmber500
+                                    <a href="#origin-colorsAmber500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11502,10 +11502,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber600"
-                                    title="theme: origin; category: origin; name: amber; variant: 600; ">
-                                    originAmber600
-                                    <a href="#origin-originAmber600"
+                                    id="origin-colorsAmber600"
+                                    title="theme: origin; category: colors; name: amber; variant: 600; ">
+                                    colorsAmber600
+                                    <a href="#origin-colorsAmber600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11523,10 +11523,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber700"
-                                    title="theme: origin; category: origin; name: amber; variant: 700; ">
-                                    originAmber700
-                                    <a href="#origin-originAmber700"
+                                    id="origin-colorsAmber700"
+                                    title="theme: origin; category: colors; name: amber; variant: 700; ">
+                                    colorsAmber700
+                                    <a href="#origin-colorsAmber700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11544,10 +11544,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber800"
-                                    title="theme: origin; category: origin; name: amber; variant: 800; ">
-                                    originAmber800
-                                    <a href="#origin-originAmber800"
+                                    id="origin-colorsAmber800"
+                                    title="theme: origin; category: colors; name: amber; variant: 800; ">
+                                    colorsAmber800
+                                    <a href="#origin-colorsAmber800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11565,10 +11565,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber900"
-                                    title="theme: origin; category: origin; name: amber; variant: 900; ">
-                                    originAmber900
-                                    <a href="#origin-originAmber900"
+                                    id="origin-colorsAmber900"
+                                    title="theme: origin; category: colors; name: amber; variant: 900; ">
+                                    colorsAmber900
+                                    <a href="#origin-colorsAmber900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11586,10 +11586,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber010"
-                                    title="theme: origin; category: origin; name: amber; variant: 010; ">
-                                    originAmber010
-                                    <a href="#origin-originAmber010"
+                                    id="origin-colorsAmber010"
+                                    title="theme: origin; category: colors; name: amber; variant: 010; ">
+                                    colorsAmber010
+                                    <a href="#origin-colorsAmber010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11607,10 +11607,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originAmber050"
-                                    title="theme: origin; category: origin; name: amber; variant: 050; ">
-                                    originAmber050
-                                    <a href="#origin-originAmber050"
+                                    id="origin-colorsAmber050"
+                                    title="theme: origin; category: colors; name: amber; variant: 050; ">
+                                    colorsAmber050
+                                    <a href="#origin-colorsAmber050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11628,10 +11628,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite100"
-                                    title="theme: origin; category: origin; name: malachite; variant: 100; ">
-                                    originMalachite100
-                                    <a href="#origin-originMalachite100"
+                                    id="origin-colorsMalachite100"
+                                    title="theme: origin; category: colors; name: malachite; variant: 100; ">
+                                    colorsMalachite100
+                                    <a href="#origin-colorsMalachite100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11649,10 +11649,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite200"
-                                    title="theme: origin; category: origin; name: malachite; variant: 200; ">
-                                    originMalachite200
-                                    <a href="#origin-originMalachite200"
+                                    id="origin-colorsMalachite200"
+                                    title="theme: origin; category: colors; name: malachite; variant: 200; ">
+                                    colorsMalachite200
+                                    <a href="#origin-colorsMalachite200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11670,10 +11670,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite300"
-                                    title="theme: origin; category: origin; name: malachite; variant: 300; ">
-                                    originMalachite300
-                                    <a href="#origin-originMalachite300"
+                                    id="origin-colorsMalachite300"
+                                    title="theme: origin; category: colors; name: malachite; variant: 300; ">
+                                    colorsMalachite300
+                                    <a href="#origin-colorsMalachite300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11691,10 +11691,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite400"
-                                    title="theme: origin; category: origin; name: malachite; variant: 400; ">
-                                    originMalachite400
-                                    <a href="#origin-originMalachite400"
+                                    id="origin-colorsMalachite400"
+                                    title="theme: origin; category: colors; name: malachite; variant: 400; ">
+                                    colorsMalachite400
+                                    <a href="#origin-colorsMalachite400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11712,10 +11712,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite500"
-                                    title="theme: origin; category: origin; name: malachite; variant: 500; ">
-                                    originMalachite500
-                                    <a href="#origin-originMalachite500"
+                                    id="origin-colorsMalachite500"
+                                    title="theme: origin; category: colors; name: malachite; variant: 500; ">
+                                    colorsMalachite500
+                                    <a href="#origin-colorsMalachite500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11733,10 +11733,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite600"
-                                    title="theme: origin; category: origin; name: malachite; variant: 600; ">
-                                    originMalachite600
-                                    <a href="#origin-originMalachite600"
+                                    id="origin-colorsMalachite600"
+                                    title="theme: origin; category: colors; name: malachite; variant: 600; ">
+                                    colorsMalachite600
+                                    <a href="#origin-colorsMalachite600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11754,10 +11754,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite700"
-                                    title="theme: origin; category: origin; name: malachite; variant: 700; ">
-                                    originMalachite700
-                                    <a href="#origin-originMalachite700"
+                                    id="origin-colorsMalachite700"
+                                    title="theme: origin; category: colors; name: malachite; variant: 700; ">
+                                    colorsMalachite700
+                                    <a href="#origin-colorsMalachite700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11775,10 +11775,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite800"
-                                    title="theme: origin; category: origin; name: malachite; variant: 800; ">
-                                    originMalachite800
-                                    <a href="#origin-originMalachite800"
+                                    id="origin-colorsMalachite800"
+                                    title="theme: origin; category: colors; name: malachite; variant: 800; ">
+                                    colorsMalachite800
+                                    <a href="#origin-colorsMalachite800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11796,10 +11796,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite900"
-                                    title="theme: origin; category: origin; name: malachite; variant: 900; ">
-                                    originMalachite900
-                                    <a href="#origin-originMalachite900"
+                                    id="origin-colorsMalachite900"
+                                    title="theme: origin; category: colors; name: malachite; variant: 900; ">
+                                    colorsMalachite900
+                                    <a href="#origin-colorsMalachite900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11817,10 +11817,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite010"
-                                    title="theme: origin; category: origin; name: malachite; variant: 010; ">
-                                    originMalachite010
-                                    <a href="#origin-originMalachite010"
+                                    id="origin-colorsMalachite010"
+                                    title="theme: origin; category: colors; name: malachite; variant: 010; ">
+                                    colorsMalachite010
+                                    <a href="#origin-colorsMalachite010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11838,10 +11838,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originMalachite050"
-                                    title="theme: origin; category: origin; name: malachite; variant: 050; ">
-                                    originMalachite050
-                                    <a href="#origin-originMalachite050"
+                                    id="origin-colorsMalachite050"
+                                    title="theme: origin; category: colors; name: malachite; variant: 050; ">
+                                    colorsMalachite050
+                                    <a href="#origin-colorsMalachite050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11859,10 +11859,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray100"
-                                    title="theme: origin; category: origin; name: gray; variant: 100; ">
-                                    originGray100
-                                    <a href="#origin-originGray100"
+                                    id="origin-colorsGray100"
+                                    title="theme: origin; category: colors; name: gray; variant: 100; ">
+                                    colorsGray100
+                                    <a href="#origin-colorsGray100"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11880,10 +11880,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray200"
-                                    title="theme: origin; category: origin; name: gray; variant: 200; ">
-                                    originGray200
-                                    <a href="#origin-originGray200"
+                                    id="origin-colorsGray200"
+                                    title="theme: origin; category: colors; name: gray; variant: 200; ">
+                                    colorsGray200
+                                    <a href="#origin-colorsGray200"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11901,10 +11901,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray300"
-                                    title="theme: origin; category: origin; name: gray; variant: 300; ">
-                                    originGray300
-                                    <a href="#origin-originGray300"
+                                    id="origin-colorsGray300"
+                                    title="theme: origin; category: colors; name: gray; variant: 300; ">
+                                    colorsGray300
+                                    <a href="#origin-colorsGray300"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11922,10 +11922,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray400"
-                                    title="theme: origin; category: origin; name: gray; variant: 400; ">
-                                    originGray400
-                                    <a href="#origin-originGray400"
+                                    id="origin-colorsGray400"
+                                    title="theme: origin; category: colors; name: gray; variant: 400; ">
+                                    colorsGray400
+                                    <a href="#origin-colorsGray400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11943,10 +11943,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray500"
-                                    title="theme: origin; category: origin; name: gray; variant: 500; ">
-                                    originGray500
-                                    <a href="#origin-originGray500"
+                                    id="origin-colorsGray500"
+                                    title="theme: origin; category: colors; name: gray; variant: 500; ">
+                                    colorsGray500
+                                    <a href="#origin-colorsGray500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11964,10 +11964,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray600"
-                                    title="theme: origin; category: origin; name: gray; variant: 600; ">
-                                    originGray600
-                                    <a href="#origin-originGray600"
+                                    id="origin-colorsGray600"
+                                    title="theme: origin; category: colors; name: gray; variant: 600; ">
+                                    colorsGray600
+                                    <a href="#origin-colorsGray600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -11985,10 +11985,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray700"
-                                    title="theme: origin; category: origin; name: gray; variant: 700; ">
-                                    originGray700
-                                    <a href="#origin-originGray700"
+                                    id="origin-colorsGray700"
+                                    title="theme: origin; category: colors; name: gray; variant: 700; ">
+                                    colorsGray700
+                                    <a href="#origin-colorsGray700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12006,10 +12006,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray800"
-                                    title="theme: origin; category: origin; name: gray; variant: 800; ">
-                                    originGray800
-                                    <a href="#origin-originGray800"
+                                    id="origin-colorsGray800"
+                                    title="theme: origin; category: colors; name: gray; variant: 800; ">
+                                    colorsGray800
+                                    <a href="#origin-colorsGray800"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12027,10 +12027,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray900"
-                                    title="theme: origin; category: origin; name: gray; variant: 900; ">
-                                    originGray900
-                                    <a href="#origin-originGray900"
+                                    id="origin-colorsGray900"
+                                    title="theme: origin; category: colors; name: gray; variant: 900; ">
+                                    colorsGray900
+                                    <a href="#origin-colorsGray900"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12048,10 +12048,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray1000"
-                                    title="theme: origin; category: origin; name: gray; variant: 1000; ">
-                                    originGray1000
-                                    <a href="#origin-originGray1000"
+                                    id="origin-colorsGray1000"
+                                    title="theme: origin; category: colors; name: gray; variant: 1000; ">
+                                    colorsGray1000
+                                    <a href="#origin-colorsGray1000"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12069,10 +12069,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray000"
-                                    title="theme: origin; category: origin; name: gray; variant: 000; ">
-                                    originGray000
-                                    <a href="#origin-originGray000"
+                                    id="origin-colorsGray000"
+                                    title="theme: origin; category: colors; name: gray; variant: 000; ">
+                                    colorsGray000
+                                    <a href="#origin-colorsGray000"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12090,10 +12090,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray010"
-                                    title="theme: origin; category: origin; name: gray; variant: 010; ">
-                                    originGray010
-                                    <a href="#origin-originGray010"
+                                    id="origin-colorsGray010"
+                                    title="theme: origin; category: colors; name: gray; variant: 010; ">
+                                    colorsGray010
+                                    <a href="#origin-colorsGray010"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12111,10 +12111,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originGray050"
-                                    title="theme: origin; category: origin; name: gray; variant: 050; ">
-                                    originGray050
-                                    <a href="#origin-originGray050"
+                                    id="origin-colorsGray050"
+                                    title="theme: origin; category: colors; name: gray; variant: 050; ">
+                                    colorsGray050
+                                    <a href="#origin-colorsGray050"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12132,10 +12132,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originSkin400"
-                                    title="theme: origin; category: origin; name: skin; variant: 400; ">
-                                    originSkin400
-                                    <a href="#origin-originSkin400"
+                                    id="origin-colorsSkin400"
+                                    title="theme: origin; category: colors; name: skin; variant: 400; ">
+                                    colorsSkin400
+                                    <a href="#origin-colorsSkin400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12153,10 +12153,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originSkin500"
-                                    title="theme: origin; category: origin; name: skin; variant: 500; ">
-                                    originSkin500
-                                    <a href="#origin-originSkin500"
+                                    id="origin-colorsSkin500"
+                                    title="theme: origin; category: colors; name: skin; variant: 500; ">
+                                    colorsSkin500
+                                    <a href="#origin-colorsSkin500"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12174,10 +12174,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originSkin600"
-                                    title="theme: origin; category: origin; name: skin; variant: 600; ">
-                                    originSkin600
-                                    <a href="#origin-originSkin600"
+                                    id="origin-colorsSkin600"
+                                    title="theme: origin; category: colors; name: skin; variant: 600; ">
+                                    colorsSkin600
+                                    <a href="#origin-colorsSkin600"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12195,10 +12195,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originSkin700"
-                                    title="theme: origin; category: origin; name: skin; variant: 700; ">
-                                    originSkin700
-                                    <a href="#origin-originSkin700"
+                                    id="origin-colorsSkin700"
+                                    title="theme: origin; category: colors; name: skin; variant: 700; ">
+                                    colorsSkin700
+                                    <a href="#origin-colorsSkin700"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12216,10 +12216,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originFuchsia400"
-                                    title="theme: origin; category: origin; name: fuchsia; variant: 400; ">
-                                    originFuchsia400
-                                    <a href="#origin-originFuchsia400"
+                                    id="origin-colorsFuchsia400"
+                                    title="theme: origin; category: colors; name: fuchsia; variant: 400; ">
+                                    colorsFuchsia400
+                                    <a href="#origin-colorsFuchsia400"
                                        title="permalink"
                                        class="permalink">
                                         🔗
@@ -12237,10 +12237,10 @@
                             </tr>
                             <tr>
                                 <td class="with-icons is-vcentered"
-                                    id="origin-originFuchsia500"
-                                    title="theme: origin; category: origin; name: fuchsia; variant: 500; ">
-                                    originFuchsia500
-                                    <a href="#origin-originFuchsia500"
+                                    id="origin-colorsFuchsia500"
+                                    title="theme: origin; category: colors; name: fuchsia; variant: 500; ">
+                                    colorsFuchsia500
+                                    <a href="#origin-colorsFuchsia500"
                                        title="permalink"
                                        class="permalink">
                                         🔗