Add alpha `display` color tokens #838

langermank · 2024-03-15T20:14:20Z

Add display color tokens for testing.

This PR was created with Copilot Workspace (v0.15). For more details, open the Copilot Workspace session.

changeset-bot · 2024-03-15T20:14:23Z

🦋 Changeset detected

Latest commit: 7e588f1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions · 2024-03-15T20:14:43Z

Variables changed

No variables changed

lukasoppermann · 2024-03-18T12:11:06Z

src/tokens/functional/color/light/patterns-display-light.json5

@@ -0,0 +1,1035 @@
+{
+  display-blue: {


Why do you do display-blue instead of nesting:

display: { blue: ..., purple: ..., }

I tested Copilot Workspaces for this PR and that's what it did 😆 don't worry, I've fixed it

github-actions · 2024-03-19T01:34:56Z

Design Token Diff

/css/functional/themes/dark-colorblind.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css	2024-03-19 15:30:26.853351085 +0000
@@ -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;

/css/functional/themes/dark-dimmed.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css	2024-03-19 15:30:25.989345609 +0000
@@ -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;

/css/functional/themes/dark-high-contrast.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css	2024-03-19 15:30:27.293353873 +0000
@@ -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: #ffffffe6;
 --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -173,6 +253,7 @@
 --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
 --button-inactive-fgColor: #bdc4cc;
 --button-inactive-bgColor: #3d424d;
+  --button-star-iconColor: #f7c843;
 --buttonCounter-default-bgColor-rest: #525964;
 --buttonCounter-invisible-bgColor-rest: #525964;
 --buttonCounter-primary-bgColor-rest: #01040926;
@@ -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: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -596,6 +757,7 @@
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --button-inactive-fgColor: #bdc4cc;
   --button-inactive-bgColor: #3d424d;
+    --button-star-iconColor: #f7c843;
   --buttonCounter-default-bgColor-rest: #525964;
   --buttonCounter-invisible-bgColor-rest: #525964;
   --buttonCounter-primary-bgColor-rest: #01040926;

/css/functional/themes/dark-tritanopia.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css	2024-03-19 15:30:26.417348321 +0000
@@ -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;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark.css	2024-03-19 15:30:25.549342820 +0000
@@ -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;

/css/functional/themes/light-colorblind.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-colorblind.css	2024-03-19 15:30:24.529330897 +0000
@@ -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;

/css/functional/themes/light-high-contrast.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css	2024-03-19 15:30:24.993336434 +0000
@@ -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;

/css/functional/themes/light-tritanopia.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css	2024-03-19 15:30:24.093325695 +0000
@@ -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;

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light.css	2024-03-19 15:30:23.613319966 +0000
@@ -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;

src/tokens/functional/color/dark/patterns-dark.json5

src/tokens/functional/color/light/patterns-light.json5

Add display color tokens to functional patterns-light.json5

b906de1

fix syntax

0962e01

lukasoppermann reviewed Mar 18, 2024

View reviewed changes

langermank added 2 commits March 18, 2024 18:31

display docs

b2213c5

Merge branch 'main' into langermank/add-display-colors

b881f99

langermank temporarily deployed to github-pages March 19, 2024 01:35 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 19, 2024 01:35 Inactive

update storybook

4d3d78c

langermank temporarily deployed to github-pages March 19, 2024 01:55 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 19, 2024 01:55 Inactive

langermank changed the title ~~Add display color tokens to functional patterns-light.json5~~ Add alpha display color tokens Mar 19, 2024

Create smooth-beds-clap.md

e412dda

langermank added the update snapshots Update visual regression test snapshots label Mar 19, 2024

langermank temporarily deployed to github-pages March 19, 2024 14:50 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 19, 2024 14:50 Inactive

github-actions[bot] Regenerated snapshots

0011411

github-actions bot removed the update snapshots Update visual regression test snapshots label Mar 19, 2024

primer bot temporarily deployed to github-pages March 19, 2024 15:26 Inactive

github-actions bot temporarily deployed to storybook-preview March 19, 2024 15:27 Inactive

langermank commented Mar 19, 2024

View reviewed changes

src/tokens/functional/color/dark/patterns-dark.json5 Outdated Show resolved Hide resolved

langermank commented Mar 19, 2024

View reviewed changes

src/tokens/functional/color/dark/patterns-dark.json5 Outdated Show resolved Hide resolved

langermank commented Mar 19, 2024

View reviewed changes

src/tokens/functional/color/light/patterns-light.json5 Outdated Show resolved Hide resolved

Apply suggestions from code review

7e588f1

langermank marked this pull request as ready for review March 19, 2024 15:29

langermank requested review from a team as code owners March 19, 2024 15:29

langermank requested review from simurai and owenniblock March 19, 2024 15:29

langermank temporarily deployed to github-pages March 19, 2024 15:31 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 19, 2024 15:32 Inactive

langermank merged commit 5e51127 into main Mar 19, 2024
25 checks passed

langermank deleted the langermank/add-display-colors branch March 19, 2024 15:33

primer bot mentioned this pull request Mar 19, 2024

Release Tracking #841

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add alpha `display` color tokens #838

Add alpha `display` color tokens #838

langermank commented Mar 15, 2024 •

edited

Loading

changeset-bot bot commented Mar 15, 2024 •

edited

Loading

github-actions bot commented Mar 15, 2024 •

edited

Loading

lukasoppermann Mar 18, 2024

langermank Mar 19, 2024

github-actions bot commented Mar 19, 2024 •

edited

Loading

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-dimmed.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/dark.css

/css/functional/themes/light-colorblind.css

/css/functional/themes/light-high-contrast.css

/css/functional/themes/light-tritanopia.css

/css/functional/themes/light.css

Add alpha display color tokens #838

Add alpha display color tokens #838

Conversation

langermank commented Mar 15, 2024 • edited Loading

changeset-bot bot commented Mar 15, 2024 • edited Loading

🦋 Changeset detected

github-actions bot commented Mar 15, 2024 • edited Loading

lukasoppermann Mar 18, 2024

Choose a reason for hiding this comment

langermank Mar 19, 2024

Choose a reason for hiding this comment

github-actions bot commented Mar 19, 2024 • edited Loading

Design Token Diff

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-dimmed.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/dark.css

/css/functional/themes/light-colorblind.css

/css/functional/themes/light-high-contrast.css

/css/functional/themes/light-tritanopia.css

/css/functional/themes/light.css

Add alpha `display` color tokens #838

Add alpha `display` color tokens #838

langermank commented Mar 15, 2024 •

edited

Loading

changeset-bot bot commented Mar 15, 2024 •

edited

Loading

github-actions bot commented Mar 15, 2024 •

edited

Loading

github-actions bot commented Mar 19, 2024 •

edited

Loading