@primer/primitives 7.15.12 → 7.15.13-rc.5b59c927

package/dist/scss/functional/themes/light-tritanopia.scss

@@ -48,6 +48,86 @@ $data-purple-color: #894ceb;
 $data-pink-color: #ce2c85;
 $data-red-color: #df0c24;
 $data-gray-color: #808fa3;
+$display-blue-bgColor-muted: #d1f0ff;
+$display-blue-bgColor-emphasis: #006edb;
+$display-blue-fgColor: #005fcc;
+$display-blue-borderColor-muted: #ade1ff;
+$display-blue-borderColor-emphasis: #006edb;
+$display-green-bgColor-muted: #caf7ca;
+$display-green-bgColor-emphasis: #2c8141;
+$display-green-fgColor: #2b6e3f;
+$display-green-borderColor-muted: #9ceda0;
+$display-green-borderColor-emphasis: #2c8141;
+$display-orange-bgColor-muted: #ffe7d1;
+$display-orange-bgColor-emphasis: #b8500f;
+$display-orange-fgColor: #a24610;
+$display-orange-borderColor-muted: #fecfaa;
+$display-orange-borderColor-emphasis: #b8500f;
+$display-purple-bgColor-muted: #f1e5ff;
+$display-purple-bgColor-emphasis: #894ceb;
+$display-purple-fgColor: #783ae4;
+$display-purple-borderColor-muted: #e6d2fe;
+$display-purple-borderColor-emphasis: #894ceb;
+$display-red-bgColor-muted: #ffe2e0;
+$display-red-bgColor-emphasis: #df0c24;
+$display-red-fgColor: #c50d28;
+$display-red-borderColor-muted: #fecdcd;
+$display-red-borderColor-emphasis: #df0c24;
+$display-yellow-bgColor-muted: #ffec9e;
+$display-yellow-bgColor-emphasis: #946a00;
+$display-yellow-fgColor: #805900;
+$display-yellow-borderColor-muted: #ffd642;
+$display-yellow-borderColor-emphasis: #946a00;
+$display-gray-bgColor-muted: #e8ecf2;
+$display-gray-bgColor-emphasis: #647182;
+$display-gray-fgColor: #5c6570;
+$display-gray-borderColor-muted: #d2dae4;
+$display-gray-borderColor-emphasis: #647182;
+$display-auburn-bgColor-muted: #f2e9e9;
+$display-auburn-bgColor-emphasis: #9d615c;
+$display-auburn-fgColor: #8a5551;
+$display-auburn-borderColor-muted: #e6d6d5;
+$display-auburn-borderColor-emphasis: #9d615c;
+$display-brown-bgColor-muted: #eeeae2;
+$display-brown-bgColor-emphasis: #856d4c;
+$display-brown-fgColor: #755f43;
+$display-brown-borderColor-muted: #dfd7c8;
+$display-brown-borderColor-emphasis: #856d4c;
+$display-lemon-bgColor-muted: #f7eea1;
+$display-lemon-bgColor-emphasis: #866e04;
+$display-lemon-fgColor: #786002;
+$display-lemon-borderColor-muted: #f0db3d;
+$display-lemon-borderColor-emphasis: #866e04;
+$display-olive-bgColor-muted: #f0f0ad;
+$display-olive-bgColor-emphasis: #64762d;
+$display-olive-fgColor: #56682c;
+$display-olive-borderColor-muted: #dbe170;
+$display-olive-borderColor-emphasis: #64762d;
+$display-lime-bgColor-muted: #e3f2b5;
+$display-lime-bgColor-emphasis: #527a29;
+$display-lime-fgColor: #476c28;
+$display-lime-borderColor-muted: #c7e580;
+$display-lime-borderColor-emphasis: #527a29;
+$display-pine-bgColor-muted: #bff8db;
+$display-pine-bgColor-emphasis: #167e53;
+$display-pine-fgColor: #156f4b;
+$display-pine-borderColor-muted: #80efb9;
+$display-pine-borderColor-emphasis: #167e53;
+$display-teal-bgColor-muted: #c7f5ef;
+$display-teal-bgColor-emphasis: #127e81;
+$display-teal-fgColor: #106e75;
+$display-teal-borderColor-muted: #89ebe1;
+$display-teal-borderColor-emphasis: #127e81;
+$display-cyan-bgColor-muted: #bdf4ff;
+$display-cyan-bgColor-emphasis: #007b94;
+$display-cyan-fgColor: #006a80;
+$display-cyan-borderColor-muted: #7ae9ff;
+$display-cyan-borderColor-emphasis: #007b94;
+$display-indigo-bgColor-muted: #e5e9ff;
+$display-indigo-bgColor-emphasis: #5a61e7;
+$display-indigo-fgColor: #494edf;
+$display-indigo-borderColor-muted: #d2d7fe;
+$display-indigo-borderColor-emphasis: #5a61e7;
 $avatar-bgColor: #ffffff;
 $avatar-borderColor: #d0d7de;
 $avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -169,6 +249,7 @@ $button-danger-borderColor-active: #1f232826;
 $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
 $button-inactive-fgColor: #57606a;
 $button-inactive-bgColor: #eaeef2;
+$button-star-iconColor: #eac54f;
 $buttonCounter-default-bgColor-rest: #afb8c133;
 $buttonCounter-invisible-bgColor-rest: #afb8c133;
 $buttonCounter-primary-bgColor-rest: #002d1133;

package/dist/scss/functional/themes/light.scss

@@ -48,6 +48,86 @@ $data-purple-color: #894ceb;
 $data-pink-color: #ce2c85;
 $data-red-color: #df0c24;
 $data-gray-color: #808fa3;
+$display-blue-bgColor-muted: #d1f0ff;
+$display-blue-bgColor-emphasis: #006edb;
+$display-blue-fgColor: #005fcc;
+$display-blue-borderColor-muted: #ade1ff;
+$display-blue-borderColor-emphasis: #006edb;
+$display-green-bgColor-muted: #caf7ca;
+$display-green-bgColor-emphasis: #2c8141;
+$display-green-fgColor: #2b6e3f;
+$display-green-borderColor-muted: #9ceda0;
+$display-green-borderColor-emphasis: #2c8141;
+$display-orange-bgColor-muted: #ffe7d1;
+$display-orange-bgColor-emphasis: #b8500f;
+$display-orange-fgColor: #a24610;
+$display-orange-borderColor-muted: #fecfaa;
+$display-orange-borderColor-emphasis: #b8500f;
+$display-purple-bgColor-muted: #f1e5ff;
+$display-purple-bgColor-emphasis: #894ceb;
+$display-purple-fgColor: #783ae4;
+$display-purple-borderColor-muted: #e6d2fe;
+$display-purple-borderColor-emphasis: #894ceb;
+$display-red-bgColor-muted: #ffe2e0;
+$display-red-bgColor-emphasis: #df0c24;
+$display-red-fgColor: #c50d28;
+$display-red-borderColor-muted: #fecdcd;
+$display-red-borderColor-emphasis: #df0c24;
+$display-yellow-bgColor-muted: #ffec9e;
+$display-yellow-bgColor-emphasis: #946a00;
+$display-yellow-fgColor: #805900;
+$display-yellow-borderColor-muted: #ffd642;
+$display-yellow-borderColor-emphasis: #946a00;
+$display-gray-bgColor-muted: #e8ecf2;
+$display-gray-bgColor-emphasis: #647182;
+$display-gray-fgColor: #5c6570;
+$display-gray-borderColor-muted: #d2dae4;
+$display-gray-borderColor-emphasis: #647182;
+$display-auburn-bgColor-muted: #f2e9e9;
+$display-auburn-bgColor-emphasis: #9d615c;
+$display-auburn-fgColor: #8a5551;
+$display-auburn-borderColor-muted: #e6d6d5;
+$display-auburn-borderColor-emphasis: #9d615c;
+$display-brown-bgColor-muted: #eeeae2;
+$display-brown-bgColor-emphasis: #856d4c;
+$display-brown-fgColor: #755f43;
+$display-brown-borderColor-muted: #dfd7c8;
+$display-brown-borderColor-emphasis: #856d4c;
+$display-lemon-bgColor-muted: #f7eea1;
+$display-lemon-bgColor-emphasis: #866e04;
+$display-lemon-fgColor: #786002;
+$display-lemon-borderColor-muted: #f0db3d;
+$display-lemon-borderColor-emphasis: #866e04;
+$display-olive-bgColor-muted: #f0f0ad;
+$display-olive-bgColor-emphasis: #64762d;
+$display-olive-fgColor: #56682c;
+$display-olive-borderColor-muted: #dbe170;
+$display-olive-borderColor-emphasis: #64762d;
+$display-lime-bgColor-muted: #e3f2b5;
+$display-lime-bgColor-emphasis: #527a29;
+$display-lime-fgColor: #476c28;
+$display-lime-borderColor-muted: #c7e580;
+$display-lime-borderColor-emphasis: #527a29;
+$display-pine-bgColor-muted: #bff8db;
+$display-pine-bgColor-emphasis: #167e53;
+$display-pine-fgColor: #156f4b;
+$display-pine-borderColor-muted: #80efb9;
+$display-pine-borderColor-emphasis: #167e53;
+$display-teal-bgColor-muted: #c7f5ef;
+$display-teal-bgColor-emphasis: #127e81;
+$display-teal-fgColor: #106e75;
+$display-teal-borderColor-muted: #89ebe1;
+$display-teal-borderColor-emphasis: #127e81;
+$display-cyan-bgColor-muted: #bdf4ff;
+$display-cyan-bgColor-emphasis: #007b94;
+$display-cyan-fgColor: #006a80;
+$display-cyan-borderColor-muted: #7ae9ff;
+$display-cyan-borderColor-emphasis: #007b94;
+$display-indigo-bgColor-muted: #e5e9ff;
+$display-indigo-bgColor-emphasis: #5a61e7;
+$display-indigo-fgColor: #494edf;
+$display-indigo-borderColor-muted: #d2d7fe;
+$display-indigo-borderColor-emphasis: #5a61e7;
 $avatar-bgColor: #ffffff;
 $avatar-borderColor: #d0d7de;
 $avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -169,6 +249,7 @@ $button-danger-borderColor-active: #1f232826;
 $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
 $button-inactive-fgColor: #57606a;
 $button-inactive-bgColor: #eaeef2;
+$button-star-iconColor: #eac54f;
 $buttonCounter-default-bgColor-rest: #afb8c133;
 $buttonCounter-invisible-bgColor-rest: #afb8c133;
 $buttonCounter-primary-bgColor-rest: #002d1133;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.12",
+  "version": "7.15.13-rc.5b59c927",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -52,6 +52,86 @@
   --data-pink-color: #d34591;
   --data-red-color: #eb3342;
   --data-gray-color: #576270;
+  --display-blue-bgColor-muted: #001a47;
+  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-fgColor: #4da0ff;
+  --display-blue-borderColor-muted: #002766;
+  --display-blue-borderColor-emphasis: #0576ff;
+  --display-green-bgColor-muted: #122117;
+  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-fgColor: #41b445;
+  --display-green-borderColor-muted: #182f1f;
+  --display-green-borderColor-emphasis: #388f3f;
+  --display-orange-bgColor-muted: #311708;
+  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-fgColor: #ed8326;
+  --display-orange-borderColor-muted: #43200a;
+  --display-orange-borderColor-emphasis: #c46212;
+  --display-purple-bgColor-muted: #211047;
+  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-fgColor: #b687f7;
+  --display-purple-borderColor-muted: #31146b;
+  --display-purple-borderColor-emphasis: #975bf1;
+  --display-red-bgColor-muted: #3c0614;
+  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-fgColor: #f27d83;
+  --display-red-borderColor-muted: #58091a;
+  --display-red-borderColor-emphasis: #eb3342;
+  --display-yellow-bgColor-muted: #2e1a00;
+  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-fgColor: #d3910d;
+  --display-yellow-borderColor-muted: #3d2401;
+  --display-yellow-borderColor-emphasis: #aa7109;
+  --display-gray-bgColor-muted: #1c1c1c;
+  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-fgColor: #92a1b5;
+  --display-gray-borderColor-muted: #2a2b2d;
+  --display-gray-borderColor-emphasis: #6e7f96;
+  --display-auburn-bgColor-muted: #271817;
+  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-fgColor: #bf9592;
+  --display-auburn-borderColor-muted: #3a2422;
+  --display-auburn-borderColor-emphasis: #a86f6b;
+  --display-brown-bgColor-muted: #241c14;
+  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-fgColor: #b69a6d;
+  --display-brown-borderColor-muted: #342a1d;
+  --display-brown-borderColor-emphasis: #94774c;
+  --display-lemon-bgColor-muted: #291d00;
+  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-fgColor: #ba9b12;
+  --display-lemon-borderColor-muted: #372901;
+  --display-lemon-borderColor-emphasis: #977b0c;
+  --display-olive-bgColor-muted: #171e0b;
+  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-fgColor: #a2a626;
+  --display-olive-borderColor-muted: #252d10;
+  --display-olive-borderColor-emphasis: #7a8321;
+  --display-lime-bgColor-muted: #141f0f;
+  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-fgColor: #7dae37;
+  --display-lime-borderColor-muted: #1f3116;
+  --display-lime-borderColor-emphasis: #5f892f;
+  --display-pine-bgColor-muted: #082119;
+  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-fgColor: #1bb673;
+  --display-pine-borderColor-muted: #0b3224;
+  --display-pine-borderColor-emphasis: #18915e;
+  --display-teal-bgColor-muted: #041f25;
+  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-fgColor: #1cb0ab;
+  --display-teal-borderColor-muted: #073036;
+  --display-teal-borderColor-emphasis: #158a8a;
+  --display-cyan-bgColor-muted: #001f29;
+  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-fgColor: #07ace4;
+  --display-cyan-borderColor-muted: #002e3d;
+  --display-cyan-borderColor-emphasis: #0587b3;
+  --display-indigo-bgColor-muted: #1b183f;
+  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-fgColor: #9899ec;
+  --display-indigo-borderColor-muted: #25215f;
+  --display-indigo-borderColor-emphasis: #7070e1;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #30363db3;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -173,6 +253,7 @@
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --button-inactive-fgColor: #8b949e;
   --button-inactive-bgColor: #21262d;
+  --button-star-iconColor: #e3b341;
   --buttonCounter-default-bgColor-rest: #30363d;
   --buttonCounter-invisible-bgColor-rest: #30363d;
   --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -475,6 +556,86 @@
     --data-pink-color: #d34591;
     --data-red-color: #eb3342;
     --data-gray-color: #576270;
+    --display-blue-bgColor-muted: #001a47;
+    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-fgColor: #4da0ff;
+    --display-blue-borderColor-muted: #002766;
+    --display-blue-borderColor-emphasis: #0576ff;
+    --display-green-bgColor-muted: #122117;
+    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-fgColor: #41b445;
+    --display-green-borderColor-muted: #182f1f;
+    --display-green-borderColor-emphasis: #388f3f;
+    --display-orange-bgColor-muted: #311708;
+    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-fgColor: #ed8326;
+    --display-orange-borderColor-muted: #43200a;
+    --display-orange-borderColor-emphasis: #c46212;
+    --display-purple-bgColor-muted: #211047;
+    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-fgColor: #b687f7;
+    --display-purple-borderColor-muted: #31146b;
+    --display-purple-borderColor-emphasis: #975bf1;
+    --display-red-bgColor-muted: #3c0614;
+    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-fgColor: #f27d83;
+    --display-red-borderColor-muted: #58091a;
+    --display-red-borderColor-emphasis: #eb3342;
+    --display-yellow-bgColor-muted: #2e1a00;
+    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-fgColor: #d3910d;
+    --display-yellow-borderColor-muted: #3d2401;
+    --display-yellow-borderColor-emphasis: #aa7109;
+    --display-gray-bgColor-muted: #1c1c1c;
+    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-fgColor: #92a1b5;
+    --display-gray-borderColor-muted: #2a2b2d;
+    --display-gray-borderColor-emphasis: #6e7f96;
+    --display-auburn-bgColor-muted: #271817;
+    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-fgColor: #bf9592;
+    --display-auburn-borderColor-muted: #3a2422;
+    --display-auburn-borderColor-emphasis: #a86f6b;
+    --display-brown-bgColor-muted: #241c14;
+    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-fgColor: #b69a6d;
+    --display-brown-borderColor-muted: #342a1d;
+    --display-brown-borderColor-emphasis: #94774c;
+    --display-lemon-bgColor-muted: #291d00;
+    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-fgColor: #ba9b12;
+    --display-lemon-borderColor-muted: #372901;
+    --display-lemon-borderColor-emphasis: #977b0c;
+    --display-olive-bgColor-muted: #171e0b;
+    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-fgColor: #a2a626;
+    --display-olive-borderColor-muted: #252d10;
+    --display-olive-borderColor-emphasis: #7a8321;
+    --display-lime-bgColor-muted: #141f0f;
+    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-fgColor: #7dae37;
+    --display-lime-borderColor-muted: #1f3116;
+    --display-lime-borderColor-emphasis: #5f892f;
+    --display-pine-bgColor-muted: #082119;
+    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-fgColor: #1bb673;
+    --display-pine-borderColor-muted: #0b3224;
+    --display-pine-borderColor-emphasis: #18915e;
+    --display-teal-bgColor-muted: #041f25;
+    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-fgColor: #1cb0ab;
+    --display-teal-borderColor-muted: #073036;
+    --display-teal-borderColor-emphasis: #158a8a;
+    --display-cyan-bgColor-muted: #001f29;
+    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-fgColor: #07ace4;
+    --display-cyan-borderColor-muted: #002e3d;
+    --display-cyan-borderColor-emphasis: #0587b3;
+    --display-indigo-bgColor-muted: #1b183f;
+    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-fgColor: #9899ec;
+    --display-indigo-borderColor-muted: #25215f;
+    --display-indigo-borderColor-emphasis: #7070e1;
     --avatar-bgColor: #ffffff1a;
     --avatar-borderColor: #30363db3;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -596,6 +757,7 @@
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --button-inactive-fgColor: #8b949e;
     --button-inactive-bgColor: #21262d;
+    --button-star-iconColor: #e3b341;
     --buttonCounter-default-bgColor-rest: #30363d;
     --buttonCounter-invisible-bgColor-rest: #30363d;
     --buttonCounter-primary-bgColor-rest: #04260f33;

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -52,6 +52,86 @@
   --data-pink-color: #d34591;
   --data-red-color: #eb3342;
   --data-gray-color: #576270;
+  --display-blue-bgColor-muted: #001a47;
+  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-fgColor: #4da0ff;
+  --display-blue-borderColor-muted: #002766;
+  --display-blue-borderColor-emphasis: #0576ff;
+  --display-green-bgColor-muted: #122117;
+  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-fgColor: #41b445;
+  --display-green-borderColor-muted: #182f1f;
+  --display-green-borderColor-emphasis: #388f3f;
+  --display-orange-bgColor-muted: #311708;
+  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-fgColor: #ed8326;
+  --display-orange-borderColor-muted: #43200a;
+  --display-orange-borderColor-emphasis: #c46212;
+  --display-purple-bgColor-muted: #211047;
+  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-fgColor: #b687f7;
+  --display-purple-borderColor-muted: #31146b;
+  --display-purple-borderColor-emphasis: #975bf1;
+  --display-red-bgColor-muted: #3c0614;
+  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-fgColor: #f27d83;
+  --display-red-borderColor-muted: #58091a;
+  --display-red-borderColor-emphasis: #eb3342;
+  --display-yellow-bgColor-muted: #2e1a00;
+  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-fgColor: #d3910d;
+  --display-yellow-borderColor-muted: #3d2401;
+  --display-yellow-borderColor-emphasis: #aa7109;
+  --display-gray-bgColor-muted: #1c1c1c;
+  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-fgColor: #92a1b5;
+  --display-gray-borderColor-muted: #2a2b2d;
+  --display-gray-borderColor-emphasis: #6e7f96;
+  --display-auburn-bgColor-muted: #271817;
+  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-fgColor: #bf9592;
+  --display-auburn-borderColor-muted: #3a2422;
+  --display-auburn-borderColor-emphasis: #a86f6b;
+  --display-brown-bgColor-muted: #241c14;
+  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-fgColor: #b69a6d;
+  --display-brown-borderColor-muted: #342a1d;
+  --display-brown-borderColor-emphasis: #94774c;
+  --display-lemon-bgColor-muted: #291d00;
+  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-fgColor: #ba9b12;
+  --display-lemon-borderColor-muted: #372901;
+  --display-lemon-borderColor-emphasis: #977b0c;
+  --display-olive-bgColor-muted: #171e0b;
+  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-fgColor: #a2a626;
+  --display-olive-borderColor-muted: #252d10;
+  --display-olive-borderColor-emphasis: #7a8321;
+  --display-lime-bgColor-muted: #141f0f;
+  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-fgColor: #7dae37;
+  --display-lime-borderColor-muted: #1f3116;
+  --display-lime-borderColor-emphasis: #5f892f;
+  --display-pine-bgColor-muted: #082119;
+  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-fgColor: #1bb673;
+  --display-pine-borderColor-muted: #0b3224;
+  --display-pine-borderColor-emphasis: #18915e;
+  --display-teal-bgColor-muted: #041f25;
+  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-fgColor: #1cb0ab;
+  --display-teal-borderColor-muted: #073036;
+  --display-teal-borderColor-emphasis: #158a8a;
+  --display-cyan-bgColor-muted: #001f29;
+  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-fgColor: #07ace4;
+  --display-cyan-borderColor-muted: #002e3d;
+  --display-cyan-borderColor-emphasis: #0587b3;
+  --display-indigo-bgColor-muted: #1b183f;
+  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-fgColor: #9899ec;
+  --display-indigo-borderColor-muted: #25215f;
+  --display-indigo-borderColor-emphasis: #7070e1;
   --avatar-bgColor: #cdd9e51a;
   --avatar-borderColor: #444c56b3;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -173,6 +253,7 @@
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --button-inactive-fgColor: #768390;
   --button-inactive-bgColor: #373e47;
+  --button-star-iconColor: #daaa3f;
   --buttonCounter-default-bgColor-rest: #444c56;
   --buttonCounter-invisible-bgColor-rest: #444c56;
   --buttonCounter-primary-bgColor-rest: #11341733;
@@ -475,6 +556,86 @@
     --data-pink-color: #d34591;
     --data-red-color: #eb3342;
     --data-gray-color: #576270;
+    --display-blue-bgColor-muted: #001a47;
+    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-fgColor: #4da0ff;
+    --display-blue-borderColor-muted: #002766;
+    --display-blue-borderColor-emphasis: #0576ff;
+    --display-green-bgColor-muted: #122117;
+    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-fgColor: #41b445;
+    --display-green-borderColor-muted: #182f1f;
+    --display-green-borderColor-emphasis: #388f3f;
+    --display-orange-bgColor-muted: #311708;
+    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-fgColor: #ed8326;
+    --display-orange-borderColor-muted: #43200a;
+    --display-orange-borderColor-emphasis: #c46212;
+    --display-purple-bgColor-muted: #211047;
+    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-fgColor: #b687f7;
+    --display-purple-borderColor-muted: #31146b;
+    --display-purple-borderColor-emphasis: #975bf1;
+    --display-red-bgColor-muted: #3c0614;
+    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-fgColor: #f27d83;
+    --display-red-borderColor-muted: #58091a;
+    --display-red-borderColor-emphasis: #eb3342;
+    --display-yellow-bgColor-muted: #2e1a00;
+    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-fgColor: #d3910d;
+    --display-yellow-borderColor-muted: #3d2401;
+    --display-yellow-borderColor-emphasis: #aa7109;
+    --display-gray-bgColor-muted: #1c1c1c;
+    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-fgColor: #92a1b5;
+    --display-gray-borderColor-muted: #2a2b2d;
+    --display-gray-borderColor-emphasis: #6e7f96;
+    --display-auburn-bgColor-muted: #271817;
+    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-fgColor: #bf9592;
+    --display-auburn-borderColor-muted: #3a2422;
+    --display-auburn-borderColor-emphasis: #a86f6b;
+    --display-brown-bgColor-muted: #241c14;
+    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-fgColor: #b69a6d;
+    --display-brown-borderColor-muted: #342a1d;
+    --display-brown-borderColor-emphasis: #94774c;
+    --display-lemon-bgColor-muted: #291d00;
+    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-fgColor: #ba9b12;
+    --display-lemon-borderColor-muted: #372901;
+    --display-lemon-borderColor-emphasis: #977b0c;
+    --display-olive-bgColor-muted: #171e0b;
+    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-fgColor: #a2a626;
+    --display-olive-borderColor-muted: #252d10;
+    --display-olive-borderColor-emphasis: #7a8321;
+    --display-lime-bgColor-muted: #141f0f;
+    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-fgColor: #7dae37;
+    --display-lime-borderColor-muted: #1f3116;
+    --display-lime-borderColor-emphasis: #5f892f;
+    --display-pine-bgColor-muted: #082119;
+    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-fgColor: #1bb673;
+    --display-pine-borderColor-muted: #0b3224;
+    --display-pine-borderColor-emphasis: #18915e;
+    --display-teal-bgColor-muted: #041f25;
+    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-fgColor: #1cb0ab;
+    --display-teal-borderColor-muted: #073036;
+    --display-teal-borderColor-emphasis: #158a8a;
+    --display-cyan-bgColor-muted: #001f29;
+    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-fgColor: #07ace4;
+    --display-cyan-borderColor-muted: #002e3d;
+    --display-cyan-borderColor-emphasis: #0587b3;
+    --display-indigo-bgColor-muted: #1b183f;
+    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-fgColor: #9899ec;
+    --display-indigo-borderColor-muted: #25215f;
+    --display-indigo-borderColor-emphasis: #7070e1;
     --avatar-bgColor: #cdd9e51a;
     --avatar-borderColor: #444c56b3;
     --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -596,6 +757,7 @@
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --button-inactive-fgColor: #768390;
     --button-inactive-bgColor: #373e47;
+    --button-star-iconColor: #daaa3f;
     --buttonCounter-default-bgColor-rest: #444c56;
     --buttonCounter-invisible-bgColor-rest: #444c56;
     --buttonCounter-primary-bgColor-rest: #11341733;