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

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

@@ -52,6 +52,86 @@
   --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;
@@ -173,6 +253,7 @@
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
   --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;
@@ -475,6 +556,86 @@
     --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;
@@ -596,6 +757,7 @@
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
     --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/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -52,6 +52,86 @@
   --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: #20252c;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -173,6 +253,7 @@
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
   --button-inactive-fgColor: #4b535d;
   --button-inactive-bgColor: #e7ecf0;
+  --button-star-iconColor: #d5a824;
   --buttonCounter-default-bgColor-rest: #66707b33;
   --buttonCounter-invisible-bgColor-rest: #66707b33;
   --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -475,6 +556,86 @@
     --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: #20252c;
     --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -596,6 +757,7 @@
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
     --button-inactive-fgColor: #4b535d;
     --button-inactive-bgColor: #e7ecf0;
+    --button-star-iconColor: #d5a824;
     --buttonCounter-default-bgColor-rest: #66707b33;
     --buttonCounter-invisible-bgColor-rest: #66707b33;
     --buttonCounter-primary-bgColor-rest: #00230b33;

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -52,6 +52,86 @@
   --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;
@@ -173,6 +253,7 @@
   --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;
@@ -475,6 +556,86 @@
     --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;
@@ -596,6 +757,7 @@
     --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;