Add label pattern tokens

[langermank]

Pattern tokens for the new Label component

[changeset-bot]

🦋 Changeset detected

Latest commit: 9a7729e

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]

Variables changed

No variables changed

[github-actions]

Design Token Contrast Check

light: ✅ all checks passed

Show results table for theme: light

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	15.79:1	4.5:1
fgColor-muted vs. bgColor-default	✅	5.33:1	4.5:1
fgColor-default vs. bgColor-muted	✅	14.83:1	4.5:1
fgColor-muted vs. bgColor-muted	✅	5.01:1	4.5:1
fgColor-default vs. bgColor-inset	✅	14.83:1	4.5:1
fgColor-muted vs. bgColor-inset	✅	5.01:1	4.5:1
fgColor-default vs. bgColor-accent-muted	✅	13.88:1	4.5:1
fgColor-default vs. bgColor-success-muted	✅	14.19:1	4.5:1
fgColor-default vs. bgColor-open-muted	✅	14.19:1	4.5:1
fgColor-default vs. bgColor-danger-muted	✅	13.77:1	4.5:1
fgColor-default vs. bgColor-closed-muted	✅	13.77:1	4.5:1
fgColor-default vs. bgColor-attention-muted	✅	14.65:1	4.5:1
fgColor-default vs. bgColor-severe-muted	✅	14.26:1	4.5:1
fgColor-default vs. bgColor-done-muted	✅	14.21:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted	✅	14.24:1	4.5:1
fgColor-accent vs. bgColor-default	✅	5.19:1	4.5:1
fgColor-accent vs. bgColor-muted	✅	4.87:1	4.5:1
fgColor-accent vs. bgColor-inset	✅	4.87:1	4.5:1
fgColor-success vs. bgColor-default	✅	5.07:1	4.5:1
fgColor-success vs. bgColor-muted	✅	4.77:1	4.5:1
fgColor-success vs. bgColor-inset	✅	4.77:1	4.5:1
fgColor-open vs. bgColor-default	✅	5.07:1	4.5:1
fgColor-open vs. bgColor-muted	✅	4.77:1	4.5:1
fgColor-open vs. bgColor-inset	✅	4.77:1	4.5:1
fgColor-danger vs. bgColor-default	✅	5.24:1	4.5:1
fgColor-danger vs. bgColor-muted	✅	4.92:1	4.5:1
fgColor-danger vs. bgColor-inset	✅	4.92:1	4.5:1
fgColor-closed vs. bgColor-default	✅	5.24:1	4.5:1
fgColor-closed vs. bgColor-muted	✅	4.92:1	4.5:1
fgColor-closed vs. bgColor-inset	✅	4.92:1	4.5:1
fgColor-attention vs. bgColor-default	✅	4.86:1	4.5:1
fgColor-attention vs. bgColor-muted	✅	4.57:1	4.5:1
fgColor-attention vs. bgColor-inset	✅	4.57:1	4.5:1
fgColor-severe vs. bgColor-default	✅	5.03:1	4.5:1
fgColor-severe vs. bgColor-muted	✅	4.72:1	4.5:1
fgColor-severe vs. bgColor-inset	✅	4.72:1	4.5:1
fgColor-done vs. bgColor-default	✅	5.04:1	4.5:1
fgColor-done vs. bgColor-muted	✅	4.73:1	4.5:1
fgColor-done vs. bgColor-inset	✅	4.73:1	4.5:1
fgColor-sponsors vs. bgColor-default	✅	5.04:1	4.5:1
fgColor-sponsors vs. bgColor-muted	✅	4.73:1	4.5:1
fgColor-sponsors vs. bgColor-inset	✅	4.73:1	4.5:1
fgColor-accent vs. bgColor-accent-muted	✅	4.56:1	4.5:1
fgColor-success vs. bgColor-success-muted	✅	4.56:1	4.5:1
fgColor-open vs. bgColor-open-muted	✅	4.56:1	4.5:1
fgColor-danger vs. bgColor-danger-muted	✅	4.57:1	4.5:1
fgColor-closed vs. bgColor-closed-muted	✅	4.57:1	4.5:1
fgColor-attention vs. bgColor-attention-muted	✅	4.51:1	4.5:1
fgColor-severe vs. bgColor-severe-muted	✅	4.54:1	4.5:1
fgColor-done vs. bgColor-done-muted	✅	4.53:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted	✅	4.55:1	4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	4.54:1	4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	5.19:1	4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	4.51:1	4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	4.51:1	4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	5.35:1	4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	5.35:1	4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	4.86:1	4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	5.03:1	4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	5.04:1	4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	5.04:1	4.5:1
control-borderColor-emphasis vs. bgColor-default	✅	3.27:1	3:1
control-borderColor-emphasis vs. bgColor-muted	✅	3.08:1	3:1

dark: ❌ 1 checks failed

Show results table for theme: dark

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	16.01:1	4.5:1
fgColor-muted vs. bgColor-default	✅	5.62:1	4.5:1
fgColor-default vs. bgColor-muted	✅	14.63:1	4.5:1
fgColor-muted vs. bgColor-muted	✅	5.13:1	4.5:1
fgColor-default vs. bgColor-inset	✅	17.37:1	4.5:1
fgColor-muted vs. bgColor-inset	✅	6.1:1	4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-default	✅	14.34:1	4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-muted	✅	12.91:1	4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-default	✅	13.44:1	4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-muted	✅	12:1	4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-default	✅	14.28:1	4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-muted	✅	12.85:1	4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-default	✅	14.49:1	4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-muted	✅	13.09:1	4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-default	✅	13.65:1	4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-muted	✅	12.34:1	4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-default	✅	13.4:1	4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-muted	✅	12.08:1	4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-default	✅	14.45:1	4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-muted	✅	13.03:1	4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-default	✅	13.41:1	4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-muted	✅	11.96:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-default	✅	14.4:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-muted	✅	12.98:1	4.5:1
fgColor-accent vs. bgColor-default	✅	6.1:1	4.5:1
fgColor-accent vs. bgColor-muted	✅	5.58:1	4.5:1
fgColor-accent vs. bgColor-inset	✅	6.62:1	4.5:1
fgColor-success vs. bgColor-default	✅	7.44:1	4.5:1
fgColor-success vs. bgColor-muted	✅	6.8:1	4.5:1
fgColor-success vs. bgColor-inset	✅	8.08:1	4.5:1
fgColor-open vs. bgColor-default	✅	7.44:1	4.5:1
fgColor-open vs. bgColor-muted	✅	6.8:1	4.5:1
fgColor-open vs. bgColor-inset	✅	8.08:1	4.5:1
fgColor-danger vs. bgColor-default	✅	5.64:1	4.5:1
fgColor-danger vs. bgColor-muted	✅	5.16:1	4.5:1
fgColor-danger vs. bgColor-inset	✅	6.12:1	4.5:1
fgColor-closed vs. bgColor-default	✅	5.64:1	4.5:1
fgColor-closed vs. bgColor-muted	✅	5.16:1	4.5:1
fgColor-closed vs. bgColor-inset	✅	6.12:1	4.5:1
fgColor-attention vs. bgColor-default	✅	7.49:1	4.5:1
fgColor-attention vs. bgColor-muted	✅	6.85:1	4.5:1
fgColor-attention vs. bgColor-inset	✅	8.13:1	4.5:1
fgColor-severe vs. bgColor-default	✅	5.61:1	4.5:1
fgColor-severe vs. bgColor-muted	✅	5.13:1	4.5:1
fgColor-severe vs. bgColor-inset	✅	6.09:1	4.5:1
fgColor-done vs. bgColor-default	✅	5.64:1	4.5:1
fgColor-done vs. bgColor-muted	✅	5.15:1	4.5:1
fgColor-done vs. bgColor-inset	✅	6.12:1	4.5:1
fgColor-sponsors vs. bgColor-default	✅	5.62:1	4.5:1
fgColor-sponsors vs. bgColor-muted	✅	5.14:1	4.5:1
fgColor-sponsors vs. bgColor-inset	✅	6.1:1	4.5:1
fgColor-accent vs. bgColor-accent-muted on bgColor-default	✅	5.46:1	4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-default	✅	6.25:1	4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-muted	✅	5.58:1	4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-default	✅	6.64:1	4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-muted	✅	5.97:1	4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-default	✅	5.1:1	4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-muted	✅	4.61:1	4.5:1
fgColor-closed vs. bgColor-closed-muted on bgColor-default	✅	4.81:1	4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-default	✅	6.27:1	4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-muted	✅	5.65:1	4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-default	✅	5.06:1	4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-muted	✅	4.57:1	4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-default	✅	4.72:1	4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-muted	❌	4.21:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-default	✅	5.06:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-muted	✅	4.56:1	4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	4.59:1	4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	4.64:1	4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	4.65:1	4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	4.57:1	4.5:1
control-borderColor-emphasis vs. bgColor-default	✅	3.66:1	3:1
control-borderColor-emphasis vs. bgColor-muted	✅	3.35:1	3:1

[github-actions]

Design Token Diff

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css	2024-04-04 23:38:51.666421234 +0000
@@ -289,6 +289,120 @@
 --underlineNav-iconColor-rest: #848d97;
 --selection-bgColor: #1f6febb3;
 --card-bgColor: #161b22;
+  --label-green-bgColor-rest: #122117;
+  --label-green-bgColor-hover: #182f1f;
+  --label-green-bgColor-active: #214529;
+  --label-green-fgColor-rest: #41b445;
+  --label-green-fgColor-hover: #46c144;
+  --label-green-fgColor-active: #75d36f;
+  --label-orange-bgColor-rest: #311708;
+  --label-orange-bgColor-hover: #43200a;
+  --label-orange-bgColor-active: #632f0d;
+  --label-orange-fgColor-rest: #ed8326;
+  --label-orange-fgColor-hover: #f1933b;
+  --label-orange-fgColor-active: #f6b06a;
+  --label-purple-bgColor-rest: #211047;
+  --label-purple-bgColor-hover: #31146b;
+  --label-purple-bgColor-active: #481a9e;
+  --label-purple-fgColor-rest: #b687f7;
+  --label-purple-fgColor-hover: #c398fb;
+  --label-purple-fgColor-active: #d2affd;
+  --label-red-bgColor-rest: #3c0614;
+  --label-red-bgColor-hover: #58091a;
+  --label-red-bgColor-active: #790c20;
+  --label-red-fgColor-rest: #f27d83;
+  --label-red-fgColor-hover: #f48b8d;
+  --label-red-fgColor-active: #f7adab;
+  --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-bgColor-hover: #3d2401;
+  --label-yellow-bgColor-active: #5a3702;
+  --label-yellow-fgColor-rest: #d3910d;
+  --label-yellow-fgColor-hover: #df9e11;
+  --label-yellow-fgColor-active: #edb431;
+  --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-bgColor-hover: #2a2b2d;
+  --label-gray-bgColor-active: #393d41;
+  --label-gray-fgColor-rest: #92a1b5;
+  --label-gray-fgColor-hover: #9babbf;
+  --label-gray-fgColor-active: #b3c0d1;
+  --label-auburn-bgColor-rest: #271817;
+  --label-auburn-bgColor-hover: #3a2422;
+  --label-auburn-bgColor-active: #543331;
+  --label-auburn-fgColor-rest: #bf9592;
+  --label-auburn-fgColor-hover: #c6a19f;
+  --label-auburn-fgColor-active: #d4b7b5;
+  --label-brown-bgColor-rest: #241c14;
+  --label-brown-bgColor-hover: #342a1d;
+  --label-brown-bgColor-active: #483a28;
+  --label-brown-fgColor-rest: #b69a6d;
+  --label-brown-fgColor-hover: #bfa77d;
+  --label-brown-fgColor-active: #cdbb98;
+  --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-bgColor-hover: #372901;
+  --label-lemon-bgColor-active: #4f3c02;
+  --label-lemon-fgColor-rest: #ba9b12;
+  --label-lemon-fgColor-hover: #c4a717;
+  --label-lemon-fgColor-active: #d7bc1d;
+  --label-olive-bgColor-rest: #171e0b;
+  --label-olive-bgColor-hover: #252d10;
+  --label-olive-bgColor-active: #374115;
+  --label-olive-fgColor-rest: #a2a626;
+  --label-olive-fgColor-hover: #b2af24;
+  --label-olive-fgColor-active: #cbc025;
+  --label-lime-bgColor-rest: #141f0f;
+  --label-lime-bgColor-hover: #1f3116;
+  --label-lime-bgColor-active: #2c441d;
+  --label-lime-fgColor-rest: #7dae37;
+  --label-lime-fgColor-hover: #89ba36;
+  --label-lime-fgColor-active: #9fcc3e;
+  --label-pine-bgColor-rest: #082119;
+  --label-pine-bgColor-hover: #0b3224;
+  --label-pine-bgColor-active: #0e4430;
+  --label-pine-fgColor-rest: #1bb673;
+  --label-pine-fgColor-hover: #1ac176;
+  --label-pine-fgColor-active: #1bda81;
+  --label-teal-bgColor-rest: #041f25;
+  --label-teal-bgColor-hover: #073036;
+  --label-teal-bgColor-active: #0a464d;
+  --label-teal-fgColor-rest: #1cb0ab;
+  --label-teal-fgColor-hover: #1fbdb2;
+  --label-teal-fgColor-active: #24d6c4;
+  --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-bgColor-hover: #002e3d;
+  --label-cyan-bgColor-active: #014156;
+  --label-cyan-fgColor-rest: #07ace4;
+  --label-cyan-fgColor-hover: #09b7f1;
+  --label-cyan-fgColor-active: #45cbf7;
+  --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-bgColor-hover: #25215f;
+  --label-indigo-bgColor-active: #312c90;
+  --label-indigo-fgColor-rest: #9899ec;
+  --label-indigo-fgColor-hover: #a2a5f1;
+  --label-indigo-fgColor-active: #b7baf6;
+  --label-blue-bgColor-rest: #001a47;
+  --label-blue-bgColor-hover: #002766;
+  --label-blue-bgColor-active: #00378a;
+  --label-blue-fgColor-rest: #4da0ff;
+  --label-blue-fgColor-hover: #61adff;
+  --label-blue-fgColor-active: #85c2ff;
+  --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-bgColor-hover: #40125e;
+  --label-plum-bgColor-active: #5c1688;
+  --label-plum-fgColor-rest: #d07ef7;
+  --label-plum-fgColor-hover: #d889fa;
+  --label-plum-fgColor-active: #e4a5fd;
+  --label-pink-bgColor-rest: #2d1524;
+  --label-pink-bgColor-hover: #451c35;
+  --label-pink-bgColor-active: #65244a;
+  --label-pink-fgColor-rest: #e57bb2;
+  --label-pink-fgColor-hover: #ec8dbd;
+  --label-pink-fgColor-active: #f4a9cd;
+  --label-coral-bgColor-rest: #351008;
+  --label-coral-bgColor-hover: #51180b;
+  --label-coral-bgColor-active: #72220d;
+  --label-coral-fgColor-rest: #f7794b;
+  --label-coral-fgColor-hover: #fa8c61;
+  --label-coral-fgColor-active: #fdaa86;
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
@@ -713,6 +827,120 @@
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
   --card-bgColor: #161b22;
+    --label-green-bgColor-rest: #122117;
+    --label-green-bgColor-hover: #182f1f;
+    --label-green-bgColor-active: #214529;
+    --label-green-fgColor-rest: #41b445;
+    --label-green-fgColor-hover: #46c144;
+    --label-green-fgColor-active: #75d36f;
+    --label-orange-bgColor-rest: #311708;
+    --label-orange-bgColor-hover: #43200a;
+    --label-orange-bgColor-active: #632f0d;
+    --label-orange-fgColor-rest: #ed8326;
+    --label-orange-fgColor-hover: #f1933b;
+    --label-orange-fgColor-active: #f6b06a;
+    --label-purple-bgColor-rest: #211047;
+    --label-purple-bgColor-hover: #31146b;
+    --label-purple-bgColor-active: #481a9e;
+    --label-purple-fgColor-rest: #b687f7;
+    --label-purple-fgColor-hover: #c398fb;
+    --label-purple-fgColor-active: #d2affd;
+    --label-red-bgColor-rest: #3c0614;
+    --label-red-bgColor-hover: #58091a;
+    --label-red-bgColor-active: #790c20;
+    --label-red-fgColor-rest: #f27d83;
+    --label-red-fgColor-hover: #f48b8d;
+    --label-red-fgColor-active: #f7adab;
+    --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-bgColor-hover: #3d2401;
+    --label-yellow-bgColor-active: #5a3702;
+    --label-yellow-fgColor-rest: #d3910d;
+    --label-yellow-fgColor-hover: #df9e11;
+    --label-yellow-fgColor-active: #edb431;
+    --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-bgColor-hover: #2a2b2d;
+    --label-gray-bgColor-active: #393d41;
+    --label-gray-fgColor-rest: #92a1b5;
+    --label-gray-fgColor-hover: #9babbf;
+    --label-gray-fgColor-active: #b3c0d1;
+    --label-auburn-bgColor-rest: #271817;
+    --label-auburn-bgColor-hover: #3a2422;
+    --label-auburn-bgColor-active: #543331;
+    --label-auburn-fgColor-rest: #bf9592;
+    --label-auburn-fgColor-hover: #c6a19f;
+    --label-auburn-fgColor-active: #d4b7b5;
+    --label-brown-bgColor-rest: #241c14;
+    --label-brown-bgColor-hover: #342a1d;
+    --label-brown-bgColor-active: #483a28;
+    --label-brown-fgColor-rest: #b69a6d;
+    --label-brown-fgColor-hover: #bfa77d;
+    --label-brown-fgColor-active: #cdbb98;
+    --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-bgColor-hover: #372901;
+    --label-lemon-bgColor-active: #4f3c02;
+    --label-lemon-fgColor-rest: #ba9b12;
+    --label-lemon-fgColor-hover: #c4a717;
+    --label-lemon-fgColor-active: #d7bc1d;
+    --label-olive-bgColor-rest: #171e0b;
+    --label-olive-bgColor-hover: #252d10;
+    --label-olive-bgColor-active: #374115;
+    --label-olive-fgColor-rest: #a2a626;
+    --label-olive-fgColor-hover: #b2af24;
+    --label-olive-fgColor-active: #cbc025;
+    --label-lime-bgColor-rest: #141f0f;
+    --label-lime-bgColor-hover: #1f3116;
+    --label-lime-bgColor-active: #2c441d;
+    --label-lime-fgColor-rest: #7dae37;
+    --label-lime-fgColor-hover: #89ba36;
+    --label-lime-fgColor-active: #9fcc3e;
+    --label-pine-bgColor-rest: #082119;
+    --label-pine-bgColor-hover: #0b3224;
+    --label-pine-bgColor-active: #0e4430;
+    --label-pine-fgColor-rest: #1bb673;
+    --label-pine-fgColor-hover: #1ac176;
+    --label-pine-fgColor-active: #1bda81;
+    --label-teal-bgColor-rest: #041f25;
+    --label-teal-bgColor-hover: #073036;
+    --label-teal-bgColor-active: #0a464d;
+    --label-teal-fgColor-rest: #1cb0ab;
+    --label-teal-fgColor-hover: #1fbdb2;
+    --label-teal-fgColor-active: #24d6c4;
+    --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-bgColor-hover: #002e3d;
+    --label-cyan-bgColor-active: #014156;
+    --label-cyan-fgColor-rest: #07ace4;
+    --label-cyan-fgColor-hover: #09b7f1;
+    --label-cyan-fgColor-active: #45cbf7;
+    --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-bgColor-hover: #25215f;
+    --label-indigo-bgColor-active: #312c90;
+    --label-indigo-fgColor-rest: #9899ec;
+    --label-indigo-fgColor-hover: #a2a5f1;
+    --label-indigo-fgColor-active: #b7baf6;
+    --label-blue-bgColor-rest: #001a47;
+    --label-blue-bgColor-hover: #002766;
+    --label-blue-bgColor-active: #00378a;
+    --label-blue-fgColor-rest: #4da0ff;
+    --label-blue-fgColor-hover: #61adff;
+    --label-blue-fgColor-active: #85c2ff;
+    --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-bgColor-hover: #40125e;
+    --label-plum-bgColor-active: #5c1688;
+    --label-plum-fgColor-rest: #d07ef7;
+    --label-plum-fgColor-hover: #d889fa;
+    --label-plum-fgColor-active: #e4a5fd;
+    --label-pink-bgColor-rest: #2d1524;
+    --label-pink-bgColor-hover: #451c35;
+    --label-pink-bgColor-active: #65244a;
+    --label-pink-fgColor-rest: #e57bb2;
+    --label-pink-fgColor-hover: #ec8dbd;
+    --label-pink-fgColor-active: #f4a9cd;
+    --label-coral-bgColor-rest: #351008;
+    --label-coral-bgColor-hover: #51180b;
+    --label-coral-bgColor-active: #72220d;
+    --label-coral-fgColor-rest: #f7794b;
+    --label-coral-fgColor-hover: #fa8c61;
+    --label-coral-fgColor-active: #fdaa86;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css	2024-04-04 23:38:50.938420094 +0000
@@ -289,6 +289,120 @@
 --underlineNav-iconColor-rest: #717e8b;
 --selection-bgColor: #316dcab3;
 --card-bgColor: #2d333b;
+  --label-green-bgColor-rest: #122117;
+  --label-green-bgColor-hover: #182f1f;
+  --label-green-bgColor-active: #214529;
+  --label-green-fgColor-rest: #41b445;
+  --label-green-fgColor-hover: #46c144;
+  --label-green-fgColor-active: #75d36f;
+  --label-orange-bgColor-rest: #311708;
+  --label-orange-bgColor-hover: #43200a;
+  --label-orange-bgColor-active: #632f0d;
+  --label-orange-fgColor-rest: #ed8326;
+  --label-orange-fgColor-hover: #f1933b;
+  --label-orange-fgColor-active: #f6b06a;
+  --label-purple-bgColor-rest: #211047;
+  --label-purple-bgColor-hover: #31146b;
+  --label-purple-bgColor-active: #481a9e;
+  --label-purple-fgColor-rest: #b687f7;
+  --label-purple-fgColor-hover: #c398fb;
+  --label-purple-fgColor-active: #d2affd;
+  --label-red-bgColor-rest: #3c0614;
+  --label-red-bgColor-hover: #58091a;
+  --label-red-bgColor-active: #790c20;
+  --label-red-fgColor-rest: #f27d83;
+  --label-red-fgColor-hover: #f48b8d;
+  --label-red-fgColor-active: #f7adab;
+  --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-bgColor-hover: #3d2401;
+  --label-yellow-bgColor-active: #5a3702;
+  --label-yellow-fgColor-rest: #d3910d;
+  --label-yellow-fgColor-hover: #df9e11;
+  --label-yellow-fgColor-active: #edb431;
+  --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-bgColor-hover: #2a2b2d;
+  --label-gray-bgColor-active: #393d41;
+  --label-gray-fgColor-rest: #92a1b5;
+  --label-gray-fgColor-hover: #9babbf;
+  --label-gray-fgColor-active: #b3c0d1;
+  --label-auburn-bgColor-rest: #271817;
+  --label-auburn-bgColor-hover: #3a2422;
+  --label-auburn-bgColor-active: #543331;
+  --label-auburn-fgColor-rest: #bf9592;
+  --label-auburn-fgColor-hover: #c6a19f;
+  --label-auburn-fgColor-active: #d4b7b5;
+  --label-brown-bgColor-rest: #241c14;
+  --label-brown-bgColor-hover: #342a1d;
+  --label-brown-bgColor-active: #483a28;
+  --label-brown-fgColor-rest: #b69a6d;
+  --label-brown-fgColor-hover: #bfa77d;
+  --label-brown-fgColor-active: #cdbb98;
+  --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-bgColor-hover: #372901;
+  --label-lemon-bgColor-active: #4f3c02;
+  --label-lemon-fgColor-rest: #ba9b12;
+  --label-lemon-fgColor-hover: #c4a717;
+  --label-lemon-fgColor-active: #d7bc1d;
+  --label-olive-bgColor-rest: #171e0b;
+  --label-olive-bgColor-hover: #252d10;
+  --label-olive-bgColor-active: #374115;
+  --label-olive-fgColor-rest: #a2a626;
+  --label-olive-fgColor-hover: #b2af24;
+  --label-olive-fgColor-active: #cbc025;
+  --label-lime-bgColor-rest: #141f0f;
+  --label-lime-bgColor-hover: #1f3116;
+  --label-lime-bgColor-active: #2c441d;
+  --label-lime-fgColor-rest: #7dae37;
+  --label-lime-fgColor-hover: #89ba36;
+  --label-lime-fgColor-active: #9fcc3e;
+  --label-pine-bgColor-rest: #082119;
+  --label-pine-bgColor-hover: #0b3224;
+  --label-pine-bgColor-active: #0e4430;
+  --label-pine-fgColor-rest: #1bb673;
+  --label-pine-fgColor-hover: #1ac176;
+  --label-pine-fgColor-active: #1bda81;
+  --label-teal-bgColor-rest: #041f25;
+  --label-teal-bgColor-hover: #073036;
+  --label-teal-bgColor-active: #0a464d;
+  --label-teal-fgColor-rest: #1cb0ab;
+  --label-teal-fgColor-hover: #1fbdb2;
+  --label-teal-fgColor-active: #24d6c4;
+  --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-bgColor-hover: #002e3d;
+  --label-cyan-bgColor-active: #014156;
+  --label-cyan-fgColor-rest: #07ace4;
+  --label-cyan-fgColor-hover: #09b7f1;
+  --label-cyan-fgColor-active: #45cbf7;
+  --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-bgColor-hover: #25215f;
+  --label-indigo-bgColor-active: #312c90;
+  --label-indigo-fgColor-rest: #9899ec;
+  --label-indigo-fgColor-hover: #a2a5f1;
+  --label-indigo-fgColor-active: #b7baf6;
+  --label-blue-bgColor-rest: #001a47;
+  --label-blue-bgColor-hover: #002766;
+  --label-blue-bgColor-active: #00378a;
+  --label-blue-fgColor-rest: #4da0ff;
+  --label-blue-fgColor-hover: #61adff;
+  --label-blue-fgColor-active: #85c2ff;
+  --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-bgColor-hover: #40125e;
+  --label-plum-bgColor-active: #5c1688;
+  --label-plum-fgColor-rest: #d07ef7;
+  --label-plum-fgColor-hover: #d889fa;
+  --label-plum-fgColor-active: #e4a5fd;
+  --label-pink-bgColor-rest: #2d1524;
+  --label-pink-bgColor-hover: #451c35;
+  --label-pink-bgColor-active: #65244a;
+  --label-pink-fgColor-rest: #e57bb2;
+  --label-pink-fgColor-hover: #ec8dbd;
+  --label-pink-fgColor-active: #f4a9cd;
+  --label-coral-bgColor-rest: #351008;
+  --label-coral-bgColor-hover: #51180b;
+  --label-coral-bgColor-active: #72220d;
+  --label-coral-fgColor-rest: #f7794b;
+  --label-coral-fgColor-hover: #fa8c61;
+  --label-coral-fgColor-active: #fdaa86;
 --fgColor-default: #c5d1de;
 --fgColor-muted: #717e8b;
 --fgColor-onEmphasis: #cdd9e5;
@@ -713,6 +827,120 @@
   --underlineNav-iconColor-rest: #717e8b;
   --selection-bgColor: #316dcab3;
   --card-bgColor: #2d333b;
+    --label-green-bgColor-rest: #122117;
+    --label-green-bgColor-hover: #182f1f;
+    --label-green-bgColor-active: #214529;
+    --label-green-fgColor-rest: #41b445;
+    --label-green-fgColor-hover: #46c144;
+    --label-green-fgColor-active: #75d36f;
+    --label-orange-bgColor-rest: #311708;
+    --label-orange-bgColor-hover: #43200a;
+    --label-orange-bgColor-active: #632f0d;
+    --label-orange-fgColor-rest: #ed8326;
+    --label-orange-fgColor-hover: #f1933b;
+    --label-orange-fgColor-active: #f6b06a;
+    --label-purple-bgColor-rest: #211047;
+    --label-purple-bgColor-hover: #31146b;
+    --label-purple-bgColor-active: #481a9e;
+    --label-purple-fgColor-rest: #b687f7;
+    --label-purple-fgColor-hover: #c398fb;
+    --label-purple-fgColor-active: #d2affd;
+    --label-red-bgColor-rest: #3c0614;
+    --label-red-bgColor-hover: #58091a;
+    --label-red-bgColor-active: #790c20;
+    --label-red-fgColor-rest: #f27d83;
+    --label-red-fgColor-hover: #f48b8d;
+    --label-red-fgColor-active: #f7adab;
+    --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-bgColor-hover: #3d2401;
+    --label-yellow-bgColor-active: #5a3702;
+    --label-yellow-fgColor-rest: #d3910d;
+    --label-yellow-fgColor-hover: #df9e11;
+    --label-yellow-fgColor-active: #edb431;
+    --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-bgColor-hover: #2a2b2d;
+    --label-gray-bgColor-active: #393d41;
+    --label-gray-fgColor-rest: #92a1b5;
+    --label-gray-fgColor-hover: #9babbf;
+    --label-gray-fgColor-active: #b3c0d1;
+    --label-auburn-bgColor-rest: #271817;
+    --label-auburn-bgColor-hover: #3a2422;
+    --label-auburn-bgColor-active: #543331;
+    --label-auburn-fgColor-rest: #bf9592;
+    --label-auburn-fgColor-hover: #c6a19f;
+    --label-auburn-fgColor-active: #d4b7b5;
+    --label-brown-bgColor-rest: #241c14;
+    --label-brown-bgColor-hover: #342a1d;
+    --label-brown-bgColor-active: #483a28;
+    --label-brown-fgColor-rest: #b69a6d;
+    --label-brown-fgColor-hover: #bfa77d;
+    --label-brown-fgColor-active: #cdbb98;
+    --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-bgColor-hover: #372901;
+    --label-lemon-bgColor-active: #4f3c02;
+    --label-lemon-fgColor-rest: #ba9b12;
+    --label-lemon-fgColor-hover: #c4a717;
+    --label-lemon-fgColor-active: #d7bc1d;
+    --label-olive-bgColor-rest: #171e0b;
+    --label-olive-bgColor-hover: #252d10;
+    --label-olive-bgColor-active: #374115;
+    --label-olive-fgColor-rest: #a2a626;
+    --label-olive-fgColor-hover: #b2af24;
+    --label-olive-fgColor-active: #cbc025;
+    --label-lime-bgColor-rest: #141f0f;
+    --label-lime-bgColor-hover: #1f3116;
+    --label-lime-bgColor-active: #2c441d;
+    --label-lime-fgColor-rest: #7dae37;
+    --label-lime-fgColor-hover: #89ba36;
+    --label-lime-fgColor-active: #9fcc3e;
+    --label-pine-bgColor-rest: #082119;
+    --label-pine-bgColor-hover: #0b3224;
+    --label-pine-bgColor-active: #0e4430;
+    --label-pine-fgColor-rest: #1bb673;
+    --label-pine-fgColor-hover: #1ac176;
+    --label-pine-fgColor-active: #1bda81;
+    --label-teal-bgColor-rest: #041f25;
+    --label-teal-bgColor-hover: #073036;
+    --label-teal-bgColor-active: #0a464d;
+    --label-teal-fgColor-rest: #1cb0ab;
+    --label-teal-fgColor-hover: #1fbdb2;
+    --label-teal-fgColor-active: #24d6c4;
+    --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-bgColor-hover: #002e3d;
+    --label-cyan-bgColor-active: #014156;
+    --label-cyan-fgColor-rest: #07ace4;
+    --label-cyan-fgColor-hover: #09b7f1;
+    --label-cyan-fgColor-active: #45cbf7;
+    --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-bgColor-hover: #25215f;
+    --label-indigo-bgColor-active: #312c90;
+    --label-indigo-fgColor-rest: #9899ec;
+    --label-indigo-fgColor-hover: #a2a5f1;
+    --label-indigo-fgColor-active: #b7baf6;
+    --label-blue-bgColor-rest: #001a47;
+    --label-blue-bgColor-hover: #002766;
+    --label-blue-bgColor-active: #00378a;
+    --label-blue-fgColor-rest: #4da0ff;
+    --label-blue-fgColor-hover: #61adff;
+    --label-blue-fgColor-active: #85c2ff;
+    --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-bgColor-hover: #40125e;
+    --label-plum-bgColor-active: #5c1688;
+    --label-plum-fgColor-rest: #d07ef7;
+    --label-plum-fgColor-hover: #d889fa;
+    --label-plum-fgColor-active: #e4a5fd;
+    --label-pink-bgColor-rest: #2d1524;
+    --label-pink-bgColor-hover: #451c35;
+    --label-pink-bgColor-active: #65244a;
+    --label-pink-fgColor-rest: #e57bb2;
+    --label-pink-fgColor-hover: #ec8dbd;
+    --label-pink-fgColor-active: #f4a9cd;
+    --label-coral-bgColor-rest: #351008;
+    --label-coral-bgColor-hover: #51180b;
+    --label-coral-bgColor-active: #72220d;
+    --label-coral-fgColor-rest: #f7794b;
+    --label-coral-fgColor-hover: #fa8c61;
+    --label-coral-fgColor-active: #fdaa86;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css	2024-04-04 23:38:52.042421823 +0000
@@ -289,6 +289,120 @@
 --underlineNav-iconColor-rest: #f0f3f6;
 --selection-bgColor: #409effb3;
 --card-bgColor: #272b33;
+  --label-green-bgColor-rest: #122117;
+  --label-green-bgColor-hover: #182f1f;
+  --label-green-bgColor-active: #214529;
+  --label-green-fgColor-rest: #41b445;
+  --label-green-fgColor-hover: #46c144;
+  --label-green-fgColor-active: #75d36f;
+  --label-orange-bgColor-rest: #311708;
+  --label-orange-bgColor-hover: #43200a;
+  --label-orange-bgColor-active: #632f0d;
+  --label-orange-fgColor-rest: #ed8326;
+  --label-orange-fgColor-hover: #f1933b;
+  --label-orange-fgColor-active: #f6b06a;
+  --label-purple-bgColor-rest: #211047;
+  --label-purple-bgColor-hover: #31146b;
+  --label-purple-bgColor-active: #481a9e;
+  --label-purple-fgColor-rest: #b687f7;
+  --label-purple-fgColor-hover: #c398fb;
+  --label-purple-fgColor-active: #d2affd;
+  --label-red-bgColor-rest: #3c0614;
+  --label-red-bgColor-hover: #58091a;
+  --label-red-bgColor-active: #790c20;
+  --label-red-fgColor-rest: #f27d83;
+  --label-red-fgColor-hover: #f48b8d;
+  --label-red-fgColor-active: #f7adab;
+  --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-bgColor-hover: #3d2401;
+  --label-yellow-bgColor-active: #5a3702;
+  --label-yellow-fgColor-rest: #d3910d;
+  --label-yellow-fgColor-hover: #df9e11;
+  --label-yellow-fgColor-active: #edb431;
+  --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-bgColor-hover: #2a2b2d;
+  --label-gray-bgColor-active: #393d41;
+  --label-gray-fgColor-rest: #92a1b5;
+  --label-gray-fgColor-hover: #9babbf;
+  --label-gray-fgColor-active: #b3c0d1;
+  --label-auburn-bgColor-rest: #271817;
+  --label-auburn-bgColor-hover: #3a2422;
+  --label-auburn-bgColor-active: #543331;
+  --label-auburn-fgColor-rest: #bf9592;
+  --label-auburn-fgColor-hover: #c6a19f;
+  --label-auburn-fgColor-active: #d4b7b5;
+  --label-brown-bgColor-rest: #241c14;
+  --label-brown-bgColor-hover: #342a1d;
+  --label-brown-bgColor-active: #483a28;
+  --label-brown-fgColor-rest: #b69a6d;
+  --label-brown-fgColor-hover: #bfa77d;
+  --label-brown-fgColor-active: #cdbb98;
+  --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-bgColor-hover: #372901;
+  --label-lemon-bgColor-active: #4f3c02;
+  --label-lemon-fgColor-rest: #ba9b12;
+  --label-lemon-fgColor-hover: #c4a717;
+  --label-lemon-fgColor-active: #d7bc1d;
+  --label-olive-bgColor-rest: #171e0b;
+  --label-olive-bgColor-hover: #252d10;
+  --label-olive-bgColor-active: #374115;
+  --label-olive-fgColor-rest: #a2a626;
+  --label-olive-fgColor-hover: #b2af24;
+  --label-olive-fgColor-active: #cbc025;
+  --label-lime-bgColor-rest: #141f0f;
+  --label-lime-bgColor-hover: #1f3116;
+  --label-lime-bgColor-active: #2c441d;
+  --label-lime-fgColor-rest: #7dae37;
+  --label-lime-fgColor-hover: #89ba36;
+  --label-lime-fgColor-active: #9fcc3e;
+  --label-pine-bgColor-rest: #082119;
+  --label-pine-bgColor-hover: #0b3224;
+  --label-pine-bgColor-active: #0e4430;
+  --label-pine-fgColor-rest: #1bb673;
+  --label-pine-fgColor-hover: #1ac176;
+  --label-pine-fgColor-active: #1bda81;
+  --label-teal-bgColor-rest: #041f25;
+  --label-teal-bgColor-hover: #073036;
+  --label-teal-bgColor-active: #0a464d;
+  --label-teal-fgColor-rest: #1cb0ab;
+  --label-teal-fgColor-hover: #1fbdb2;
+  --label-teal-fgColor-active: #24d6c4;
+  --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-bgColor-hover: #002e3d;
+  --label-cyan-bgColor-active: #014156;
+  --label-cyan-fgColor-rest: #07ace4;
+  --label-cyan-fgColor-hover: #09b7f1;
+  --label-cyan-fgColor-active: #45cbf7;
+  --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-bgColor-hover: #25215f;
+  --label-indigo-bgColor-active: #312c90;
+  --label-indigo-fgColor-rest: #9899ec;
+  --label-indigo-fgColor-hover: #a2a5f1;
+  --label-indigo-fgColor-active: #b7baf6;
+  --label-blue-bgColor-rest: #001a47;
+  --label-blue-bgColor-hover: #002766;
+  --label-blue-bgColor-active: #00378a;
+  --label-blue-fgColor-rest: #4da0ff;
+  --label-blue-fgColor-hover: #61adff;
+  --label-blue-fgColor-active: #85c2ff;
+  --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-bgColor-hover: #40125e;
+  --label-plum-bgColor-active: #5c1688;
+  --label-plum-fgColor-rest: #d07ef7;
+  --label-plum-fgColor-hover: #d889fa;
+  --label-plum-fgColor-active: #e4a5fd;
+  --label-pink-bgColor-rest: #2d1524;
+  --label-pink-bgColor-hover: #451c35;
+  --label-pink-bgColor-active: #65244a;
+  --label-pink-fgColor-rest: #e57bb2;
+  --label-pink-fgColor-hover: #ec8dbd;
+  --label-pink-fgColor-active: #f4a9cd;
+  --label-coral-bgColor-rest: #351008;
+  --label-coral-bgColor-hover: #51180b;
+  --label-coral-bgColor-active: #72220d;
+  --label-coral-fgColor-rest: #f7794b;
+  --label-coral-fgColor-hover: #fa8c61;
+  --label-coral-fgColor-active: #fdaa86;
 --fgColor-default: #fbfcfd;
 --fgColor-muted: #f0f3f6;
 --fgColor-onEmphasis: #0a0c10;
@@ -713,6 +827,120 @@
   --underlineNav-iconColor-rest: #f0f3f6;
   --selection-bgColor: #409effb3;
   --card-bgColor: #272b33;
+    --label-green-bgColor-rest: #122117;
+    --label-green-bgColor-hover: #182f1f;
+    --label-green-bgColor-active: #214529;
+    --label-green-fgColor-rest: #41b445;
+    --label-green-fgColor-hover: #46c144;
+    --label-green-fgColor-active: #75d36f;
+    --label-orange-bgColor-rest: #311708;
+    --label-orange-bgColor-hover: #43200a;
+    --label-orange-bgColor-active: #632f0d;
+    --label-orange-fgColor-rest: #ed8326;
+    --label-orange-fgColor-hover: #f1933b;
+    --label-orange-fgColor-active: #f6b06a;
+    --label-purple-bgColor-rest: #211047;
+    --label-purple-bgColor-hover: #31146b;
+    --label-purple-bgColor-active: #481a9e;
+    --label-purple-fgColor-rest: #b687f7;
+    --label-purple-fgColor-hover: #c398fb;
+    --label-purple-fgColor-active: #d2affd;
+    --label-red-bgColor-rest: #3c0614;
+    --label-red-bgColor-hover: #58091a;
+    --label-red-bgColor-active: #790c20;
+    --label-red-fgColor-rest: #f27d83;
+    --label-red-fgColor-hover: #f48b8d;
+    --label-red-fgColor-active: #f7adab;
+    --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-bgColor-hover: #3d2401;
+    --label-yellow-bgColor-active: #5a3702;
+    --label-yellow-fgColor-rest: #d3910d;
+    --label-yellow-fgColor-hover: #df9e11;
+    --label-yellow-fgColor-active: #edb431;
+    --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-bgColor-hover: #2a2b2d;
+    --label-gray-bgColor-active: #393d41;
+    --label-gray-fgColor-rest: #92a1b5;
+    --label-gray-fgColor-hover: #9babbf;
+    --label-gray-fgColor-active: #b3c0d1;
+    --label-auburn-bgColor-rest: #271817;
+    --label-auburn-bgColor-hover: #3a2422;
+    --label-auburn-bgColor-active: #543331;
+    --label-auburn-fgColor-rest: #bf9592;
+    --label-auburn-fgColor-hover: #c6a19f;
+    --label-auburn-fgColor-active: #d4b7b5;
+    --label-brown-bgColor-rest: #241c14;
+    --label-brown-bgColor-hover: #342a1d;
+    --label-brown-bgColor-active: #483a28;
+    --label-brown-fgColor-rest: #b69a6d;
+    --label-brown-fgColor-hover: #bfa77d;
+    --label-brown-fgColor-active: #cdbb98;
+    --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-bgColor-hover: #372901;
+    --label-lemon-bgColor-active: #4f3c02;
+    --label-lemon-fgColor-rest: #ba9b12;
+    --label-lemon-fgColor-hover: #c4a717;
+    --label-lemon-fgColor-active: #d7bc1d;
+    --label-olive-bgColor-rest: #171e0b;
+    --label-olive-bgColor-hover: #252d10;
+    --label-olive-bgColor-active: #374115;
+    --label-olive-fgColor-rest: #a2a626;
+    --label-olive-fgColor-hover: #b2af24;
+    --label-olive-fgColor-active: #cbc025;
+    --label-lime-bgColor-rest: #141f0f;
+    --label-lime-bgColor-hover: #1f3116;
+    --label-lime-bgColor-active: #2c441d;
+    --label-lime-fgColor-rest: #7dae37;
+    --label-lime-fgColor-hover: #89ba36;
+    --label-lime-fgColor-active: #9fcc3e;
+    --label-pine-bgColor-rest: #082119;
+    --label-pine-bgColor-hover: #0b3224;
+    --label-pine-bgColor-active: #0e4430;
+    --label-pine-fgColor-rest: #1bb673;
+    --label-pine-fgColor-hover: #1ac176;
+    --label-pine-fgColor-active: #1bda81;
+    --label-teal-bgColor-rest: #041f25;
+    --label-teal-bgColor-hover: #073036;
+    --label-teal-bgColor-active: #0a464d;
+    --label-teal-fgColor-rest: #1cb0ab;
+    --label-teal-fgColor-hover: #1fbdb2;
+    --label-teal-fgColor-active: #24d6c4;
+    --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-bgColor-hover: #002e3d;
+    --label-cyan-bgColor-active: #014156;
+    --label-cyan-fgColor-rest: #07ace4;
+    --label-cyan-fgColor-hover: #09b7f1;
+    --label-cyan-fgColor-active: #45cbf7;
+    --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-bgColor-hover: #25215f;
+    --label-indigo-bgColor-active: #312c90;
+    --label-indigo-fgColor-rest: #9899ec;
+    --label-indigo-fgColor-hover: #a2a5f1;
+    --label-indigo-fgColor-active: #b7baf6;
+    --label-blue-bgColor-rest: #001a47;
+    --label-blue-bgColor-hover: #002766;
+    --label-blue-bgColor-active: #00378a;
+    --label-blue-fgColor-rest: #4da0ff;
+    --label-blue-fgColor-hover: #61adff;
+    --label-blue-fgColor-active: #85c2ff;
+    --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-bgColor-hover: #40125e;
+    --label-plum-bgColor-active: #5c1688;
+    --label-plum-fgColor-rest: #d07ef7;
+    --label-plum-fgColor-hover: #d889fa;
+    --label-plum-fgColor-active: #e4a5fd;
+    --label-pink-bgColor-rest: #2d1524;
+    --label-pink-bgColor-hover: #451c35;
+    --label-pink-bgColor-active: #65244a;
+    --label-pink-fgColor-rest: #e57bb2;
+    --label-pink-fgColor-hover: #ec8dbd;
+    --label-pink-fgColor-active: #f4a9cd;
+    --label-coral-bgColor-rest: #351008;
+    --label-coral-bgColor-hover: #51180b;
+    --label-coral-bgColor-active: #72220d;
+    --label-coral-fgColor-rest: #f7794b;
+    --label-coral-fgColor-hover: #fa8c61;
+    --label-coral-fgColor-active: #fdaa86;
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css	2024-04-04 23:38:51.306420671 +0000
@@ -289,6 +289,120 @@
 --underlineNav-iconColor-rest: #848d97;
 --selection-bgColor: #1f6febb3;
 --card-bgColor: #161b22;
+  --label-green-bgColor-rest: #122117;
+  --label-green-bgColor-hover: #182f1f;
+  --label-green-bgColor-active: #214529;
+  --label-green-fgColor-rest: #41b445;
+  --label-green-fgColor-hover: #46c144;
+  --label-green-fgColor-active: #75d36f;
+  --label-orange-bgColor-rest: #311708;
+  --label-orange-bgColor-hover: #43200a;
+  --label-orange-bgColor-active: #632f0d;
+  --label-orange-fgColor-rest: #ed8326;
+  --label-orange-fgColor-hover: #f1933b;
+  --label-orange-fgColor-active: #f6b06a;
+  --label-purple-bgColor-rest: #211047;
+  --label-purple-bgColor-hover: #31146b;
+  --label-purple-bgColor-active: #481a9e;
+  --label-purple-fgColor-rest: #b687f7;
+  --label-purple-fgColor-hover: #c398fb;
+  --label-purple-fgColor-active: #d2affd;
+  --label-red-bgColor-rest: #3c0614;
+  --label-red-bgColor-hover: #58091a;
+  --label-red-bgColor-active: #790c20;
+  --label-red-fgColor-rest: #f27d83;
+  --label-red-fgColor-hover: #f48b8d;
+  --label-red-fgColor-active: #f7adab;
+  --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-bgColor-hover: #3d2401;
+  --label-yellow-bgColor-active: #5a3702;
+  --label-yellow-fgColor-rest: #d3910d;
+  --label-yellow-fgColor-hover: #df9e11;
+  --label-yellow-fgColor-active: #edb431;
+  --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-bgColor-hover: #2a2b2d;
+  --label-gray-bgColor-active: #393d41;
+  --label-gray-fgColor-rest: #92a1b5;
+  --label-gray-fgColor-hover: #9babbf;
+  --label-gray-fgColor-active: #b3c0d1;
+  --label-auburn-bgColor-rest: #271817;
+  --label-auburn-bgColor-hover: #3a2422;
+  --label-auburn-bgColor-active: #543331;
+  --label-auburn-fgColor-rest: #bf9592;
+  --label-auburn-fgColor-hover: #c6a19f;
+  --label-auburn-fgColor-active: #d4b7b5;
+  --label-brown-bgColor-rest: #241c14;
+  --label-brown-bgColor-hover: #342a1d;
+  --label-brown-bgColor-active: #483a28;
+  --label-brown-fgColor-rest: #b69a6d;
+  --label-brown-fgColor-hover: #bfa77d;
+  --label-brown-fgColor-active: #cdbb98;
+  --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-bgColor-hover: #372901;
+  --label-lemon-bgColor-active: #4f3c02;
+  --label-lemon-fgColor-rest: #ba9b12;
+  --label-lemon-fgColor-hover: #c4a717;
+  --label-lemon-fgColor-active: #d7bc1d;
+  --label-olive-bgColor-rest: #171e0b;
+  --label-olive-bgColor-hover: #252d10;
+  --label-olive-bgColor-active: #374115;
+  --label-olive-fgColor-rest: #a2a626;
+  --label-olive-fgColor-hover: #b2af24;
+  --label-olive-fgColor-active: #cbc025;
+  --label-lime-bgColor-rest: #141f0f;
+  --label-lime-bgColor-hover: #1f3116;
+  --label-lime-bgColor-active: #2c441d;
+  --label-lime-fgColor-rest: #7dae37;
+  --label-lime-fgColor-hover: #89ba36;
+  --label-lime-fgColor-active: #9fcc3e;
+  --label-pine-bgColor-rest: #082119;
+  --label-pine-bgColor-hover: #0b3224;
+  --label-pine-bgColor-active: #0e4430;
+  --label-pine-fgColor-rest: #1bb673;
+  --label-pine-fgColor-hover: #1ac176;
+  --label-pine-fgColor-active: #1bda81;
+  --label-teal-bgColor-rest: #041f25;
+  --label-teal-bgColor-hover: #073036;
+  --label-teal-bgColor-active: #0a464d;
+  --label-teal-fgColor-rest: #1cb0ab;
+  --label-teal-fgColor-hover: #1fbdb2;
+  --label-teal-fgColor-active: #24d6c4;
+  --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-bgColor-hover: #002e3d;
+  --label-cyan-bgColor-active: #014156;
+  --label-cyan-fgColor-rest: #07ace4;
+  --label-cyan-fgColor-hover: #09b7f1;
+  --label-cyan-fgColor-active: #45cbf7;
+  --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-bgColor-hover: #25215f;
+  --label-indigo-bgColor-active: #312c90;
+  --label-indigo-fgColor-rest: #9899ec;
+  --label-indigo-fgColor-hover: #a2a5f1;
+  --label-indigo-fgColor-active: #b7baf6;
+  --label-blue-bgColor-rest: #001a47;
+  --label-blue-bgColor-hover: #002766;
+  --label-blue-bgColor-active: #00378a;
+  --label-blue-fgColor-rest: #4da0ff;
+  --label-blue-fgColor-hover: #61adff;
+  --label-blue-fgColor-active: #85c2ff;
+  --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-bgColor-hover: #40125e;
+  --label-plum-bgColor-active: #5c1688;
+  --label-plum-fgColor-rest: #d07ef7;
+  --label-plum-fgColor-hover: #d889fa;
+  --label-plum-fgColor-active: #e4a5fd;
+  --label-pink-bgColor-rest: #2d1524;
+  --label-pink-bgColor-hover: #451c35;
+  --label-pink-bgColor-active: #65244a;
+  --label-pink-fgColor-rest: #e57bb2;
+  --label-pink-fgColor-hover: #ec8dbd;
+  --label-pink-fgColor-active: #f4a9cd;
+  --label-coral-bgColor-rest: #351008;
+  --label-coral-bgColor-hover: #51180b;
+  --label-coral-bgColor-active: #72220d;
+  --label-coral-fgColor-rest: #f7794b;
+  --label-coral-fgColor-hover: #fa8c61;
+  --label-coral-fgColor-active: #fdaa86;
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
@@ -713,6 +827,120 @@
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
   --card-bgColor: #161b22;
+    --label-green-bgColor-rest: #122117;
+    --label-green-bgColor-hover: #182f1f;
+    --label-green-bgColor-active: #214529;
+    --label-green-fgColor-rest: #41b445;
+    --label-green-fgColor-hover: #46c144;
+    --label-green-fgColor-active: #75d36f;
+    --label-orange-bgColor-rest: #311708;
+    --label-orange-bgColor-hover: #43200a;
+    --label-orange-bgColor-active: #632f0d;
+    --label-orange-fgColor-rest: #ed8326;
+    --label-orange-fgColor-hover: #f1933b;
+    --label-orange-fgColor-active: #f6b06a;
+    --label-purple-bgColor-rest: #211047;
+    --label-purple-bgColor-hover: #31146b;
+    --label-purple-bgColor-active: #481a9e;
+    --label-purple-fgColor-rest: #b687f7;
+    --label-purple-fgColor-hover: #c398fb;
+    --label-purple-fgColor-active: #d2affd;
+    --label-red-bgColor-rest: #3c0614;
+    --label-red-bgColor-hover: #58091a;
+    --label-red-bgColor-active: #790c20;
+    --label-red-fgColor-rest: #f27d83;
+    --label-red-fgColor-hover: #f48b8d;
+    --label-red-fgColor-active: #f7adab;
+    --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-bgColor-hover: #3d2401;
+    --label-yellow-bgColor-active: #5a3702;
+    --label-yellow-fgColor-rest: #d3910d;
+    --label-yellow-fgColor-hover: #df9e11;
+    --label-yellow-fgColor-active: #edb431;
+    --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-bgColor-hover: #2a2b2d;
+    --label-gray-bgColor-active: #393d41;
+    --label-gray-fgColor-rest: #92a1b5;
+    --label-gray-fgColor-hover: #9babbf;
+    --label-gray-fgColor-active: #b3c0d1;
+    --label-auburn-bgColor-rest: #271817;
+    --label-auburn-bgColor-hover: #3a2422;
+    --label-auburn-bgColor-active: #543331;
+    --label-auburn-fgColor-rest: #bf9592;
+    --label-auburn-fgColor-hover: #c6a19f;
+    --label-auburn-fgColor-active: #d4b7b5;
+    --label-brown-bgColor-rest: #241c14;
+    --label-brown-bgColor-hover: #342a1d;
+    --label-brown-bgColor-active: #483a28;
+    --label-brown-fgColor-rest: #b69a6d;
+    --label-brown-fgColor-hover: #bfa77d;
+    --label-brown-fgColor-active: #cdbb98;
+    --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-bgColor-hover: #372901;
+    --label-lemon-bgColor-active: #4f3c02;
+    --label-lemon-fgColor-rest: #ba9b12;
+    --label-lemon-fgColor-hover: #c4a717;
+    --label-lemon-fgColor-active: #d7bc1d;
+    --label-olive-bgColor-rest: #171e0b;
+    --label-olive-bgColor-hover: #252d10;
+    --label-olive-bgColor-active: #374115;
+    --label-olive-fgColor-rest: #a2a626;
+    --label-olive-fgColor-hover: #b2af24;
+    --label-olive-fgColor-active: #cbc025;
+    --label-lime-bgColor-rest: #141f0f;
+    --label-lime-bgColor-hover: #1f3116;
+    --label-lime-bgColor-active: #2c441d;
+    --label-lime-fgColor-rest: #7dae37;
+    --label-lime-fgColor-hover: #89ba36;
+    --label-lime-fgColor-active: #9fcc3e;
+    --label-pine-bgColor-rest: #082119;
+    --label-pine-bgColor-hover: #0b3224;
+    --label-pine-bgColor-active: #0e4430;
+    --label-pine-fgColor-rest: #1bb673;
+    --label-pine-fgColor-hover: #1ac176;
+    --label-pine-fgColor-active: #1bda81;
+    --label-teal-bgColor-rest: #041f25;
+    --label-teal-bgColor-hover: #073036;
+    --label-teal-bgColor-active: #0a464d;
+    --label-teal-fgColor-rest: #1cb0ab;
+    --label-teal-fgColor-hover: #1fbdb2;
+    --label-teal-fgColor-active: #24d6c4;
+    --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-bgColor-hover: #002e3d;
+    --label-cyan-bgColor-active: #014156;
+    --label-cyan-fgColor-rest: #07ace4;
+    --label-cyan-fgColor-hover: #09b7f1;
+    --label-cyan-fgColor-active: #45cbf7;
+    --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-bgColor-hover: #25215f;
+    --label-indigo-bgColor-active: #312c90;
+    --label-indigo-fgColor-rest: #9899ec;
+    --label-indigo-fgColor-hover: #a2a5f1;
+    --label-indigo-fgColor-active: #b7baf6;
+    --label-blue-bgColor-rest: #001a47;
+    --label-blue-bgColor-hover: #002766;
+    --label-blue-bgColor-active: #00378a;
+    --label-blue-fgColor-rest: #4da0ff;
+    --label-blue-fgColor-hover: #61adff;
+    --label-blue-fgColor-active: #85c2ff;
+    --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-bgColor-hover: #40125e;
+    --label-plum-bgColor-active: #5c1688;
+    --label-plum-fgColor-rest: #d07ef7;
+    --label-plum-fgColor-hover: #d889fa;
+    --label-plum-fgColor-active: #e4a5fd;
+    --label-pink-bgColor-rest: #2d1524;
+    --label-pink-bgColor-hover: #451c35;
+    --label-pink-bgColor-active: #65244a;
+    --label-pink-fgColor-rest: #e57bb2;
+    --label-pink-fgColor-hover: #ec8dbd;
+    --label-pink-fgColor-active: #f4a9cd;
+    --label-coral-bgColor-rest: #351008;
+    --label-coral-bgColor-hover: #51180b;
+    --label-coral-bgColor-active: #72220d;
+    --label-coral-fgColor-rest: #f7794b;
+    --label-coral-fgColor-hover: #fa8c61;
+    --label-coral-fgColor-active: #fdaa86;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark.css	2024-04-04 23:38:50.450419330 +0000
@@ -289,6 +289,120 @@
 --underlineNav-iconColor-rest: #848d97;
 --selection-bgColor: #1f6febb3;
 --card-bgColor: #161b22;
+  --label-green-bgColor-rest: #122117;
+  --label-green-bgColor-hover: #182f1f;
+  --label-green-bgColor-active: #214529;
+  --label-green-fgColor-rest: #41b445;
+  --label-green-fgColor-hover: #46c144;
+  --label-green-fgColor-active: #75d36f;
+  --label-orange-bgColor-rest: #311708;
+  --label-orange-bgColor-hover: #43200a;
+  --label-orange-bgColor-active: #632f0d;
+  --label-orange-fgColor-rest: #ed8326;
+  --label-orange-fgColor-hover: #f1933b;
+  --label-orange-fgColor-active: #f6b06a;
+  --label-purple-bgColor-rest: #211047;
+  --label-purple-bgColor-hover: #31146b;
+  --label-purple-bgColor-active: #481a9e;
+  --label-purple-fgColor-rest: #b687f7;
+  --label-purple-fgColor-hover: #c398fb;
+  --label-purple-fgColor-active: #d2affd;
+  --label-red-bgColor-rest: #3c0614;
+  --label-red-bgColor-hover: #58091a;
+  --label-red-bgColor-active: #790c20;
+  --label-red-fgColor-rest: #f27d83;
+  --label-red-fgColor-hover: #f48b8d;
+  --label-red-fgColor-active: #f7adab;
+  --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-bgColor-hover: #3d2401;
+  --label-yellow-bgColor-active: #5a3702;
+  --label-yellow-fgColor-rest: #d3910d;
+  --label-yellow-fgColor-hover: #df9e11;
+  --label-yellow-fgColor-active: #edb431;
+  --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-bgColor-hover: #2a2b2d;
+  --label-gray-bgColor-active: #393d41;
+  --label-gray-fgColor-rest: #92a1b5;
+  --label-gray-fgColor-hover: #9babbf;
+  --label-gray-fgColor-active: #b3c0d1;
+  --label-auburn-bgColor-rest: #271817;
+  --label-auburn-bgColor-hover: #3a2422;
+  --label-auburn-bgColor-active: #543331;
+  --label-auburn-fgColor-rest: #bf9592;
+  --label-auburn-fgColor-hover: #c6a19f;
+  --label-auburn-fgColor-active: #d4b7b5;
+  --label-brown-bgColor-rest: #241c14;
+  --label-brown-bgColor-hover: #342a1d;
+  --label-brown-bgColor-active: #483a28;
+  --label-brown-fgColor-rest: #b69a6d;
+  --label-brown-fgColor-hover: #bfa77d;
+  --label-brown-fgColor-active: #cdbb98;
+  --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-bgColor-hover: #372901;
+  --label-lemon-bgColor-active: #4f3c02;
+  --label-lemon-fgColor-rest: #ba9b12;
+  --label-lemon-fgColor-hover: #c4a717;
+  --label-lemon-fgColor-active: #d7bc1d;
+  --label-olive-bgColor-rest: #171e0b;
+  --label-olive-bgColor-hover: #252d10;
+  --label-olive-bgColor-active: #374115;
+  --label-olive-fgColor-rest: #a2a626;
+  --label-olive-fgColor-hover: #b2af24;
+  --label-olive-fgColor-active: #cbc025;
+  --label-lime-bgColor-rest: #141f0f;
+  --label-lime-bgColor-hover: #1f3116;
+  --label-lime-bgColor-active: #2c441d;
+  --label-lime-fgColor-rest: #7dae37;
+  --label-lime-fgColor-hover: #89ba36;
+  --label-lime-fgColor-active: #9fcc3e;
+  --label-pine-bgColor-rest: #082119;
+  --label-pine-bgColor-hover: #0b3224;
+  --label-pine-bgColor-active: #0e4430;
+  --label-pine-fgColor-rest: #1bb673;
+  --label-pine-fgColor-hover: #1ac176;
+  --label-pine-fgColor-active: #1bda81;
+  --label-teal-bgColor-rest: #041f25;
+  --label-teal-bgColor-hover: #073036;
+  --label-teal-bgColor-active: #0a464d;
+  --label-teal-fgColor-rest: #1cb0ab;
+  --label-teal-fgColor-hover: #1fbdb2;
+  --label-teal-fgColor-active: #24d6c4;
+  --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-bgColor-hover: #002e3d;
+  --label-cyan-bgColor-active: #014156;
+  --label-cyan-fgColor-rest: #07ace4;
+  --label-cyan-fgColor-hover: #09b7f1;
+  --label-cyan-fgColor-active: #45cbf7;
+  --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-bgColor-hover: #25215f;
+  --label-indigo-bgColor-active: #312c90;
+  --label-indigo-fgColor-rest: #9899ec;
+  --label-indigo-fgColor-hover: #a2a5f1;
+  --label-indigo-fgColor-active: #b7baf6;
+  --label-blue-bgColor-rest: #001a47;
+  --label-blue-bgColor-hover: #002766;
+  --label-blue-bgColor-active: #00378a;
+  --label-blue-fgColor-rest: #4da0ff;
+  --label-blue-fgColor-hover: #61adff;
+  --label-blue-fgColor-active: #85c2ff;
+  --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-bgColor-hover: #40125e;
+  --label-plum-bgColor-active: #5c1688;
+  --label-plum-fgColor-rest: #d07ef7;
+  --label-plum-fgColor-hover: #d889fa;
+  --label-plum-fgColor-active: #e4a5fd;
+  --label-pink-bgColor-rest: #2d1524;
+  --label-pink-bgColor-hover: #451c35;
+  --label-pink-bgColor-active: #65244a;
+  --label-pink-fgColor-rest: #e57bb2;
+  --label-pink-fgColor-hover: #ec8dbd;
+  --label-pink-fgColor-active: #f4a9cd;
+  --label-coral-bgColor-rest: #351008;
+  --label-coral-bgColor-hover: #51180b;
+  --label-coral-bgColor-active: #72220d;
+  --label-coral-fgColor-rest: #f7794b;
+  --label-coral-fgColor-hover: #fa8c61;
+  --label-coral-fgColor-active: #fdaa86;
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
@@ -713,6 +827,120 @@
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
   --card-bgColor: #161b22;
+    --label-green-bgColor-rest: #122117;
+    --label-green-bgColor-hover: #182f1f;
+    --label-green-bgColor-active: #214529;
+    --label-green-fgColor-rest: #41b445;
+    --label-green-fgColor-hover: #46c144;
+    --label-green-fgColor-active: #75d36f;
+    --label-orange-bgColor-rest: #311708;
+    --label-orange-bgColor-hover: #43200a;
+    --label-orange-bgColor-active: #632f0d;
+    --label-orange-fgColor-rest: #ed8326;
+    --label-orange-fgColor-hover: #f1933b;
+    --label-orange-fgColor-active: #f6b06a;
+    --label-purple-bgColor-rest: #211047;
+    --label-purple-bgColor-hover: #31146b;
+    --label-purple-bgColor-active: #481a9e;
+    --label-purple-fgColor-rest: #b687f7;
+    --label-purple-fgColor-hover: #c398fb;
+    --label-purple-fgColor-active: #d2affd;
+    --label-red-bgColor-rest: #3c0614;
+    --label-red-bgColor-hover: #58091a;
+    --label-red-bgColor-active: #790c20;
+    --label-red-fgColor-rest: #f27d83;
+    --label-red-fgColor-hover: #f48b8d;
+    --label-red-fgColor-active: #f7adab;
+    --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-bgColor-hover: #3d2401;
+    --label-yellow-bgColor-active: #5a3702;
+    --label-yellow-fgColor-rest: #d3910d;
+    --label-yellow-fgColor-hover: #df9e11;
+    --label-yellow-fgColor-active: #edb431;
+    --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-bgColor-hover: #2a2b2d;
+    --label-gray-bgColor-active: #393d41;
+    --label-gray-fgColor-rest: #92a1b5;
+    --label-gray-fgColor-hover: #9babbf;
+    --label-gray-fgColor-active: #b3c0d1;
+    --label-auburn-bgColor-rest: #271817;
+    --label-auburn-bgColor-hover: #3a2422;
+    --label-auburn-bgColor-active: #543331;
+    --label-auburn-fgColor-rest: #bf9592;
+    --label-auburn-fgColor-hover: #c6a19f;
+    --label-auburn-fgColor-active: #d4b7b5;
+    --label-brown-bgColor-rest: #241c14;
+    --label-brown-bgColor-hover: #342a1d;
+    --label-brown-bgColor-active: #483a28;
+    --label-brown-fgColor-rest: #b69a6d;
+    --label-brown-fgColor-hover: #bfa77d;
+    --label-brown-fgColor-active: #cdbb98;
+    --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-bgColor-hover: #372901;
+    --label-lemon-bgColor-active: #4f3c02;
+    --label-lemon-fgColor-rest: #ba9b12;
+    --label-lemon-fgColor-hover: #c4a717;
+    --label-lemon-fgColor-active: #d7bc1d;
+    --label-olive-bgColor-rest: #171e0b;
+    --label-olive-bgColor-hover: #252d10;
+    --label-olive-bgColor-active: #374115;
+    --label-olive-fgColor-rest: #a2a626;
+    --label-olive-fgColor-hover: #b2af24;
+    --label-olive-fgColor-active: #cbc025;
+    --label-lime-bgColor-rest: #141f0f;
+    --label-lime-bgColor-hover: #1f3116;
+    --label-lime-bgColor-active: #2c441d;
+    --label-lime-fgColor-rest: #7dae37;
+    --label-lime-fgColor-hover: #89ba36;
+    --label-lime-fgColor-active: #9fcc3e;
+    --label-pine-bgColor-rest: #082119;
+    --label-pine-bgColor-hover: #0b3224;
+    --label-pine-bgColor-active: #0e4430;
+    --label-pine-fgColor-rest: #1bb673;
+    --label-pine-fgColor-hover: #1ac176;
+    --label-pine-fgColor-active: #1bda81;
+    --label-teal-bgColor-rest: #041f25;
+    --label-teal-bgColor-hover: #073036;
+    --label-teal-bgColor-active: #0a464d;
+    --label-teal-fgColor-rest: #1cb0ab;
+    --label-teal-fgColor-hover: #1fbdb2;
+    --label-teal-fgColor-active: #24d6c4;
+    --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-bgColor-hover: #002e3d;
+    --label-cyan-bgColor-active: #014156;
+    --label-cyan-fgColor-rest: #07ace4;
+    --label-cyan-fgColor-hover: #09b7f1;
+    --label-cyan-fgColor-active: #45cbf7;
+    --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-bgColor-hover: #25215f;
+    --label-indigo-bgColor-active: #312c90;
+    --label-indigo-fgColor-rest: #9899ec;
+    --label-indigo-fgColor-hover: #a2a5f1;
+    --label-indigo-fgColor-active: #b7baf6;
+    --label-blue-bgColor-rest: #001a47;
+    --label-blue-bgColor-hover: #002766;
+    --label-blue-bgColor-active: #00378a;
+    --label-blue-fgColor-rest: #4da0ff;
+    --label-blue-fgColor-hover: #61adff;
+    --label-blue-fgColor-active: #85c2ff;
+    --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-bgColor-hover: #40125e;
+    --label-plum-bgColor-active: #5c1688;
+    --label-plum-fgColor-rest: #d07ef7;
+    --label-plum-fgColor-hover: #d889fa;
+    --label-plum-fgColor-active: #e4a5fd;
+    --label-pink-bgColor-rest: #2d1524;
+    --label-pink-bgColor-hover: #451c35;
+    --label-pink-bgColor-active: #65244a;
+    --label-pink-fgColor-rest: #e57bb2;
+    --label-pink-fgColor-hover: #ec8dbd;
+    --label-pink-fgColor-active: #f4a9cd;
+    --label-coral-bgColor-rest: #351008;
+    --label-coral-bgColor-hover: #51180b;
+    --label-coral-bgColor-active: #72220d;
+    --label-coral-fgColor-rest: #f7794b;
+    --label-coral-fgColor-hover: #fa8c61;
+    --label-coral-fgColor-active: #fdaa86;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-colorblind.css	2024-04-04 23:38:49.686418134 +0000
@@ -290,6 +290,120 @@
 --underlineNav-iconColor-rest: #636c76;
 --selection-bgColor: #0969da33;
 --card-bgColor: #ffffff;
+  --label-green-bgColor-rest: #caf7ca;
+  --label-green-bgColor-hover: #9ceda0;
+  --label-green-bgColor-active: #54d961;
+  --label-green-fgColor-rest: #2b6e3f;
+  --label-green-fgColor-hover: #285c3b;
+  --label-green-fgColor-active: #254b34;
+  --label-orange-bgColor-rest: #ffe7d1;
+  --label-orange-bgColor-hover: #fecfaa;
+  --label-orange-bgColor-active: #fbaf74;
+  --label-orange-fgColor-rest: #a24610;
+  --label-orange-fgColor-hover: #8d3c11;
+  --label-orange-fgColor-active: #70300f;
+  --label-purple-bgColor-rest: #f1e5ff;
+  --label-purple-bgColor-hover: #e6d2fe;
+  --label-purple-bgColor-active: #d1b1fc;
+  --label-purple-fgColor-rest: #783ae4;
+  --label-purple-fgColor-hover: #6223d7;
+  --label-purple-fgColor-active: #4f21ab;
+  --label-red-bgColor-rest: #ffe2e0;
+  --label-red-bgColor-hover: #fecdcd;
+  --label-red-bgColor-active: #fda5a7;
+  --label-red-fgColor-rest: #c50d28;
+  --label-red-fgColor-hover: #a60c29;
+  --label-red-fgColor-active: #880c27;
+  --label-yellow-bgColor-rest: #ffec9e;
+  --label-yellow-bgColor-hover: #ffd642;
+  --label-yellow-bgColor-active: #ebb400;
+  --label-yellow-fgColor-rest: #805900;
+  --label-yellow-fgColor-hover: #704d00;
+  --label-yellow-fgColor-active: #5c3d00;
+  --label-gray-bgColor-rest: #e8ecf2;
+  --label-gray-bgColor-hover: #d2dae4;
+  --label-gray-bgColor-active: #b4c0cf;
+  --label-gray-fgColor-rest: #5c6570;
+  --label-gray-fgColor-hover: #4e535a;
+  --label-gray-fgColor-active: #424448;
+  --label-auburn-bgColor-rest: #f2e9e9;
+  --label-auburn-bgColor-hover: #e6d6d5;
+  --label-auburn-bgColor-active: #d4b7b5;
+  --label-auburn-fgColor-rest: #8a5551;
+  --label-auburn-fgColor-hover: #744744;
+  --label-auburn-fgColor-active: #5d3937;
+  --label-brown-bgColor-rest: #eeeae2;
+  --label-brown-bgColor-hover: #dfd7c8;
+  --label-brown-bgColor-active: #cbbda4;
+  --label-brown-fgColor-rest: #755f43;
+  --label-brown-fgColor-hover: #64513a;
+  --label-brown-fgColor-active: #51412f;
+  --label-lemon-bgColor-rest: #f7eea1;
+  --label-lemon-bgColor-hover: #f0db3d;
+  --label-lemon-bgColor-active: #d8bd0e;
+  --label-lemon-fgColor-rest: #786002;
+  --label-lemon-fgColor-hover: #654f01;
+  --label-lemon-fgColor-active: #523f00;
+  --label-olive-bgColor-rest: #f0f0ad;
+  --label-olive-bgColor-hover: #dbe170;
+  --label-olive-bgColor-active: #b9c832;
+  --label-olive-fgColor-rest: #56682c;
+  --label-olive-fgColor-hover: #495a2b;
+  --label-olive-fgColor-active: #3b4927;
+  --label-lime-bgColor-rest: #e3f2b5;
+  --label-lime-bgColor-hover: #c7e580;
+  --label-lime-bgColor-active: #9bd039;
+  --label-lime-fgColor-rest: #476c28;
+  --label-lime-fgColor-hover: #3a5b25;
+  --label-lime-fgColor-active: #2f4a21;
+  --label-pine-bgColor-rest: #bff8db;
+  --label-pine-bgColor-hover: #80efb9;
+  --label-pine-bgColor-active: #1dd781;
+  --label-pine-fgColor-rest: #156f4b;
+  --label-pine-fgColor-hover: #135d41;
+  --label-pine-fgColor-active: #114b36;
+  --label-teal-bgColor-rest: #c7f5ef;
+  --label-teal-bgColor-hover: #89ebe1;
+  --label-teal-bgColor-active: #22d3c7;
+  --label-teal-fgColor-rest: #106e75;
+  --label-teal-fgColor-hover: #0d5b63;
+  --label-teal-fgColor-active: #0a4852;
+  --label-cyan-bgColor-rest: #bdf4ff;
+  --label-cyan-bgColor-hover: #7ae9ff;
+  --label-cyan-bgColor-active: #00d0fa;
+  --label-cyan-fgColor-rest: #006a80;
+  --label-cyan-fgColor-hover: #00596b;
+  --label-cyan-fgColor-active: #004857;
+  --label-indigo-bgColor-rest: #e5e9ff;
+  --label-indigo-bgColor-hover: #d2d7fe;
+  --label-indigo-bgColor-active: #b1b9fb;
+  --label-indigo-fgColor-rest: #494edf;
+  --label-indigo-fgColor-hover: #393cd5;
+  --label-indigo-fgColor-active: #2d2db4;
+  --label-blue-bgColor-rest: #d1f0ff;
+  --label-blue-bgColor-hover: #ade1ff;
+  --label-blue-bgColor-active: #75c8ff;
+  --label-blue-fgColor-rest: #005fcc;
+  --label-blue-fgColor-hover: #004db3;
+  --label-blue-fgColor-active: #003d99;
+  --label-plum-bgColor-rest: #f8e5ff;
+  --label-plum-bgColor-hover: #f0cdfe;
+  --label-plum-bgColor-active: #e2a7fb;
+  --label-plum-fgColor-rest: #961edc;
+  --label-plum-fgColor-hover: #7d1eb8;
+  --label-plum-fgColor-active: #651d96;
+  --label-pink-bgColor-rest: #ffe5f1;
+  --label-pink-bgColor-hover: #fdc9e2;
+  --label-pink-bgColor-active: #f8a5cf;
+  --label-pink-fgColor-rest: #b12f79;
+  --label-pink-fgColor-hover: #8e2e66;
+  --label-pink-fgColor-active: #6e2b53;
+  --label-coral-bgColor-rest: #ffe5db;
+  --label-coral-bgColor-hover: #fecebe;
+  --label-coral-bgColor-active: #fcab92;
+  --label-coral-fgColor-rest: #ba2e12;
+  --label-coral-fgColor-hover: #9b2712;
+  --label-coral-fgColor-active: #7e2011;
 --fgColor-default: #1f2328;
 --fgColor-muted: #636c76;
 --fgColor-onEmphasis: #ffffff;
@@ -714,6 +828,120 @@
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
   --card-bgColor: #ffffff;
+    --label-green-bgColor-rest: #caf7ca;
+    --label-green-bgColor-hover: #9ceda0;
+    --label-green-bgColor-active: #54d961;
+    --label-green-fgColor-rest: #2b6e3f;
+    --label-green-fgColor-hover: #285c3b;
+    --label-green-fgColor-active: #254b34;
+    --label-orange-bgColor-rest: #ffe7d1;
+    --label-orange-bgColor-hover: #fecfaa;
+    --label-orange-bgColor-active: #fbaf74;
+    --label-orange-fgColor-rest: #a24610;
+    --label-orange-fgColor-hover: #8d3c11;
+    --label-orange-fgColor-active: #70300f;
+    --label-purple-bgColor-rest: #f1e5ff;
+    --label-purple-bgColor-hover: #e6d2fe;
+    --label-purple-bgColor-active: #d1b1fc;
+    --label-purple-fgColor-rest: #783ae4;
+    --label-purple-fgColor-hover: #6223d7;
+    --label-purple-fgColor-active: #4f21ab;
+    --label-red-bgColor-rest: #ffe2e0;
+    --label-red-bgColor-hover: #fecdcd;
+    --label-red-bgColor-active: #fda5a7;
+    --label-red-fgColor-rest: #c50d28;
+    --label-red-fgColor-hover: #a60c29;
+    --label-red-fgColor-active: #880c27;
+    --label-yellow-bgColor-rest: #ffec9e;
+    --label-yellow-bgColor-hover: #ffd642;
+    --label-yellow-bgColor-active: #ebb400;
+    --label-yellow-fgColor-rest: #805900;
+    --label-yellow-fgColor-hover: #704d00;
+    --label-yellow-fgColor-active: #5c3d00;
+    --label-gray-bgColor-rest: #e8ecf2;
+    --label-gray-bgColor-hover: #d2dae4;
+    --label-gray-bgColor-active: #b4c0cf;
+    --label-gray-fgColor-rest: #5c6570;
+    --label-gray-fgColor-hover: #4e535a;
+    --label-gray-fgColor-active: #424448;
+    --label-auburn-bgColor-rest: #f2e9e9;
+    --label-auburn-bgColor-hover: #e6d6d5;
+    --label-auburn-bgColor-active: #d4b7b5;
+    --label-auburn-fgColor-rest: #8a5551;
+    --label-auburn-fgColor-hover: #744744;
+    --label-auburn-fgColor-active: #5d3937;
+    --label-brown-bgColor-rest: #eeeae2;
+    --label-brown-bgColor-hover: #dfd7c8;
+    --label-brown-bgColor-active: #cbbda4;
+    --label-brown-fgColor-rest: #755f43;
+    --label-brown-fgColor-hover: #64513a;
+    --label-brown-fgColor-active: #51412f;
+    --label-lemon-bgColor-rest: #f7eea1;
+    --label-lemon-bgColor-hover: #f0db3d;
+    --label-lemon-bgColor-active: #d8bd0e;
+    --label-lemon-fgColor-rest: #786002;
+    --label-lemon-fgColor-hover: #654f01;
+    --label-lemon-fgColor-active: #523f00;
+    --label-olive-bgColor-rest: #f0f0ad;
+    --label-olive-bgColor-hover: #dbe170;
+    --label-olive-bgColor-active: #b9c832;
+    --label-olive-fgColor-rest: #56682c;
+    --label-olive-fgColor-hover: #495a2b;
+    --label-olive-fgColor-active: #3b4927;
+    --label-lime-bgColor-rest: #e3f2b5;
+    --label-lime-bgColor-hover: #c7e580;
+    --label-lime-bgColor-active: #9bd039;
+    --label-lime-fgColor-rest: #476c28;
+    --label-lime-fgColor-hover: #3a5b25;
+    --label-lime-fgColor-active: #2f4a21;
+    --label-pine-bgColor-rest: #bff8db;
+    --label-pine-bgColor-hover: #80efb9;
+    --label-pine-bgColor-active: #1dd781;
+    --label-pine-fgColor-rest: #156f4b;
+    --label-pine-fgColor-hover: #135d41;
+    --label-pine-fgColor-active: #114b36;
+    --label-teal-bgColor-rest: #c7f5ef;
+    --label-teal-bgColor-hover: #89ebe1;
+    --label-teal-bgColor-active: #22d3c7;
+    --label-teal-fgColor-rest: #106e75;
+    --label-teal-fgColor-hover: #0d5b63;
+    --label-teal-fgColor-active: #0a4852;
+    --label-cyan-bgColor-rest: #bdf4ff;
+    --label-cyan-bgColor-hover: #7ae9ff;
+    --label-cyan-bgColor-active: #00d0fa;
+    --label-cyan-fgColor-rest: #006a80;
+    --label-cyan-fgColor-hover: #00596b;
+    --label-cyan-fgColor-active: #004857;
+    --label-indigo-bgColor-rest: #e5e9ff;
+    --label-indigo-bgColor-hover: #d2d7fe;
+    --label-indigo-bgColor-active: #b1b9fb;
+    --label-indigo-fgColor-rest: #494edf;
+    --label-indigo-fgColor-hover: #393cd5;
+    --label-indigo-fgColor-active: #2d2db4;
+    --label-blue-bgColor-rest: #d1f0ff;
+    --label-blue-bgColor-hover: #ade1ff;
+    --label-blue-bgColor-active: #75c8ff;
+    --label-blue-fgColor-rest: #005fcc;
+    --label-blue-fgColor-hover: #004db3;
+    --label-blue-fgColor-active: #003d99;
+    --label-plum-bgColor-rest: #f8e5ff;
+    --label-plum-bgColor-hover: #f0cdfe;
+    --label-plum-bgColor-active: #e2a7fb;
+    --label-plum-fgColor-rest: #961edc;
+    --label-plum-fgColor-hover: #7d1eb8;
+    --label-plum-fgColor-active: #651d96;
+    --label-pink-bgColor-rest: #ffe5f1;
+    --label-pink-bgColor-hover: #fdc9e2;
+    --label-pink-bgColor-active: #f8a5cf;
+    --label-pink-fgColor-rest: #b12f79;
+    --label-pink-fgColor-hover: #8e2e66;
+    --label-pink-fgColor-active: #6e2b53;
+    --label-coral-bgColor-rest: #ffe5db;
+    --label-coral-bgColor-hover: #fecebe;
+    --label-coral-bgColor-active: #fcab92;
+    --label-coral-fgColor-rest: #ba2e12;
+    --label-coral-fgColor-hover: #9b2712;
+    --label-coral-fgColor-active: #7e2011;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css	2024-04-04 23:38:50.074418741 +0000
@@ -290,6 +290,120 @@
 --underlineNav-iconColor-rest: #0e1116;
 --selection-bgColor: #0349b433;
 --card-bgColor: #ffffff;
+  --label-green-bgColor-rest: #caf7ca;
+  --label-green-bgColor-hover: #9ceda0;
+  --label-green-bgColor-active: #54d961;
+  --label-green-fgColor-rest: #2b6e3f;
+  --label-green-fgColor-hover: #285c3b;
+  --label-green-fgColor-active: #254b34;
+  --label-orange-bgColor-rest: #ffe7d1;
+  --label-orange-bgColor-hover: #fecfaa;
+  --label-orange-bgColor-active: #fbaf74;
+  --label-orange-fgColor-rest: #a24610;
+  --label-orange-fgColor-hover: #8d3c11;
+  --label-orange-fgColor-active: #70300f;
+  --label-purple-bgColor-rest: #f1e5ff;
+  --label-purple-bgColor-hover: #e6d2fe;
+  --label-purple-bgColor-active: #d1b1fc;
+  --label-purple-fgColor-rest: #783ae4;
+  --label-purple-fgColor-hover: #6223d7;
+  --label-purple-fgColor-active: #4f21ab;
+  --label-red-bgColor-rest: #ffe2e0;
+  --label-red-bgColor-hover: #fecdcd;
+  --label-red-bgColor-active: #fda5a7;
+  --label-red-fgColor-rest: #c50d28;
+  --label-red-fgColor-hover: #a60c29;
+  --label-red-fgColor-active: #880c27;
+  --label-yellow-bgColor-rest: #ffec9e;
+  --label-yellow-bgColor-hover: #ffd642;
+  --label-yellow-bgColor-active: #ebb400;
+  --label-yellow-fgColor-rest: #805900;
+  --label-yellow-fgColor-hover: #704d00;
+  --label-yellow-fgColor-active: #5c3d00;
+  --label-gray-bgColor-rest: #e8ecf2;
+  --label-gray-bgColor-hover: #d2dae4;
+  --label-gray-bgColor-active: #b4c0cf;
+  --label-gray-fgColor-rest: #5c6570;
+  --label-gray-fgColor-hover: #4e535a;
+  --label-gray-fgColor-active: #424448;
+  --label-auburn-bgColor-rest: #f2e9e9;
+  --label-auburn-bgColor-hover: #e6d6d5;
+  --label-auburn-bgColor-active: #d4b7b5;
+  --label-auburn-fgColor-rest: #8a5551;
+  --label-auburn-fgColor-hover: #744744;
+  --label-auburn-fgColor-active: #5d3937;
+  --label-brown-bgColor-rest: #eeeae2;
+  --label-brown-bgColor-hover: #dfd7c8;
+  --label-brown-bgColor-active: #cbbda4;
+  --label-brown-fgColor-rest: #755f43;
+  --label-brown-fgColor-hover: #64513a;
+  --label-brown-fgColor-active: #51412f;
+  --label-lemon-bgColor-rest: #f7eea1;
+  --label-lemon-bgColor-hover: #f0db3d;
+  --label-lemon-bgColor-active: #d8bd0e;
+  --label-lemon-fgColor-rest: #786002;
+  --label-lemon-fgColor-hover: #654f01;
+  --label-lemon-fgColor-active: #523f00;
+  --label-olive-bgColor-rest: #f0f0ad;
+  --label-olive-bgColor-hover: #dbe170;
+  --label-olive-bgColor-active: #b9c832;
+  --label-olive-fgColor-rest: #56682c;
+  --label-olive-fgColor-hover: #495a2b;
+  --label-olive-fgColor-active: #3b4927;
+  --label-lime-bgColor-rest: #e3f2b5;
+  --label-lime-bgColor-hover: #c7e580;
+  --label-lime-bgColor-active: #9bd039;
+  --label-lime-fgColor-rest: #476c28;
+  --label-lime-fgColor-hover: #3a5b25;
+  --label-lime-fgColor-active: #2f4a21;
+  --label-pine-bgColor-rest: #bff8db;
+  --label-pine-bgColor-hover: #80efb9;
+  --label-pine-bgColor-active: #1dd781;
+  --label-pine-fgColor-rest: #156f4b;
+  --label-pine-fgColor-hover: #135d41;
+  --label-pine-fgColor-active: #114b36;
+  --label-teal-bgColor-rest: #c7f5ef;
+  --label-teal-bgColor-hover: #89ebe1;
+  --label-teal-bgColor-active: #22d3c7;
+  --label-teal-fgColor-rest: #106e75;
+  --label-teal-fgColor-hover: #0d5b63;
+  --label-teal-fgColor-active: #0a4852;
+  --label-cyan-bgColor-rest: #bdf4ff;
+  --label-cyan-bgColor-hover: #7ae9ff;
+  --label-cyan-bgColor-active: #00d0fa;
+  --label-cyan-fgColor-rest: #006a80;
+  --label-cyan-fgColor-hover: #00596b;
+  --label-cyan-fgColor-active: #004857;
+  --label-indigo-bgColor-rest: #e5e9ff;
+  --label-indigo-bgColor-hover: #d2d7fe;
+  --label-indigo-bgColor-active: #b1b9fb;
+  --label-indigo-fgColor-rest: #494edf;
+  --label-indigo-fgColor-hover: #393cd5;
+  --label-indigo-fgColor-active: #2d2db4;
+  --label-blue-bgColor-rest: #d1f0ff;
+  --label-blue-bgColor-hover: #ade1ff;
+  --label-blue-bgColor-active: #75c8ff;
+  --label-blue-fgColor-rest: #005fcc;
+  --label-blue-fgColor-hover: #004db3;
+  --label-blue-fgColor-active: #003d99;
+  --label-plum-bgColor-rest: #f8e5ff;
+  --label-plum-bgColor-hover: #f0cdfe;
+  --label-plum-bgColor-active: #e2a7fb;
+  --label-plum-fgColor-rest: #961edc;
+  --label-plum-fgColor-hover: #7d1eb8;
+  --label-plum-fgColor-active: #651d96;
+  --label-pink-bgColor-rest: #ffe5f1;
+  --label-pink-bgColor-hover: #fdc9e2;
+  --label-pink-bgColor-active: #f8a5cf;
+  --label-pink-fgColor-rest: #b12f79;
+  --label-pink-fgColor-hover: #8e2e66;
+  --label-pink-fgColor-active: #6e2b53;
+  --label-coral-bgColor-rest: #ffe5db;
+  --label-coral-bgColor-hover: #fecebe;
+  --label-coral-bgColor-active: #fcab92;
+  --label-coral-fgColor-rest: #ba2e12;
+  --label-coral-fgColor-hover: #9b2712;
+  --label-coral-fgColor-active: #7e2011;
 --fgColor-default: #010409;
 --fgColor-muted: #0e1116;
 --fgColor-onEmphasis: #ffffff;
@@ -714,6 +828,120 @@
   --underlineNav-iconColor-rest: #0e1116;
   --selection-bgColor: #0349b433;
   --card-bgColor: #ffffff;
+    --label-green-bgColor-rest: #caf7ca;
+    --label-green-bgColor-hover: #9ceda0;
+    --label-green-bgColor-active: #54d961;
+    --label-green-fgColor-rest: #2b6e3f;
+    --label-green-fgColor-hover: #285c3b;
+    --label-green-fgColor-active: #254b34;
+    --label-orange-bgColor-rest: #ffe7d1;
+    --label-orange-bgColor-hover: #fecfaa;
+    --label-orange-bgColor-active: #fbaf74;
+    --label-orange-fgColor-rest: #a24610;
+    --label-orange-fgColor-hover: #8d3c11;
+    --label-orange-fgColor-active: #70300f;
+    --label-purple-bgColor-rest: #f1e5ff;
+    --label-purple-bgColor-hover: #e6d2fe;
+    --label-purple-bgColor-active: #d1b1fc;
+    --label-purple-fgColor-rest: #783ae4;
+    --label-purple-fgColor-hover: #6223d7;
+    --label-purple-fgColor-active: #4f21ab;
+    --label-red-bgColor-rest: #ffe2e0;
+    --label-red-bgColor-hover: #fecdcd;
+    --label-red-bgColor-active: #fda5a7;
+    --label-red-fgColor-rest: #c50d28;
+    --label-red-fgColor-hover: #a60c29;
+    --label-red-fgColor-active: #880c27;
+    --label-yellow-bgColor-rest: #ffec9e;
+    --label-yellow-bgColor-hover: #ffd642;
+    --label-yellow-bgColor-active: #ebb400;
+    --label-yellow-fgColor-rest: #805900;
+    --label-yellow-fgColor-hover: #704d00;
+    --label-yellow-fgColor-active: #5c3d00;
+    --label-gray-bgColor-rest: #e8ecf2;
+    --label-gray-bgColor-hover: #d2dae4;
+    --label-gray-bgColor-active: #b4c0cf;
+    --label-gray-fgColor-rest: #5c6570;
+    --label-gray-fgColor-hover: #4e535a;
+    --label-gray-fgColor-active: #424448;
+    --label-auburn-bgColor-rest: #f2e9e9;
+    --label-auburn-bgColor-hover: #e6d6d5;
+    --label-auburn-bgColor-active: #d4b7b5;
+    --label-auburn-fgColor-rest: #8a5551;
+    --label-auburn-fgColor-hover: #744744;
+    --label-auburn-fgColor-active: #5d3937;
+    --label-brown-bgColor-rest: #eeeae2;
+    --label-brown-bgColor-hover: #dfd7c8;
+    --label-brown-bgColor-active: #cbbda4;
+    --label-brown-fgColor-rest: #755f43;
+    --label-brown-fgColor-hover: #64513a;
+    --label-brown-fgColor-active: #51412f;
+    --label-lemon-bgColor-rest: #f7eea1;
+    --label-lemon-bgColor-hover: #f0db3d;
+    --label-lemon-bgColor-active: #d8bd0e;
+    --label-lemon-fgColor-rest: #786002;
+    --label-lemon-fgColor-hover: #654f01;
+    --label-lemon-fgColor-active: #523f00;
+    --label-olive-bgColor-rest: #f0f0ad;
+    --label-olive-bgColor-hover: #dbe170;
+    --label-olive-bgColor-active: #b9c832;
+    --label-olive-fgColor-rest: #56682c;
+    --label-olive-fgColor-hover: #495a2b;
+    --label-olive-fgColor-active: #3b4927;
+    --label-lime-bgColor-rest: #e3f2b5;
+    --label-lime-bgColor-hover: #c7e580;
+    --label-lime-bgColor-active: #9bd039;
+    --label-lime-fgColor-rest: #476c28;
+    --label-lime-fgColor-hover: #3a5b25;
+    --label-lime-fgColor-active: #2f4a21;
+    --label-pine-bgColor-rest: #bff8db;
+    --label-pine-bgColor-hover: #80efb9;
+    --label-pine-bgColor-active: #1dd781;
+    --label-pine-fgColor-rest: #156f4b;
+    --label-pine-fgColor-hover: #135d41;
+    --label-pine-fgColor-active: #114b36;
+    --label-teal-bgColor-rest: #c7f5ef;
+    --label-teal-bgColor-hover: #89ebe1;
+    --label-teal-bgColor-active: #22d3c7;
+    --label-teal-fgColor-rest: #106e75;
+    --label-teal-fgColor-hover: #0d5b63;
+    --label-teal-fgColor-active: #0a4852;
+    --label-cyan-bgColor-rest: #bdf4ff;
+    --label-cyan-bgColor-hover: #7ae9ff;
+    --label-cyan-bgColor-active: #00d0fa;
+    --label-cyan-fgColor-rest: #006a80;
+    --label-cyan-fgColor-hover: #00596b;
+    --label-cyan-fgColor-active: #004857;
+    --label-indigo-bgColor-rest: #e5e9ff;
+    --label-indigo-bgColor-hover: #d2d7fe;
+    --label-indigo-bgColor-active: #b1b9fb;
+    --label-indigo-fgColor-rest: #494edf;
+    --label-indigo-fgColor-hover: #393cd5;
+    --label-indigo-fgColor-active: #2d2db4;
+    --label-blue-bgColor-rest: #d1f0ff;
+    --label-blue-bgColor-hover: #ade1ff;
+    --label-blue-bgColor-active: #75c8ff;
+    --label-blue-fgColor-rest: #005fcc;
+    --label-blue-fgColor-hover: #004db3;
+    --label-blue-fgColor-active: #003d99;
+    --label-plum-bgColor-rest: #f8e5ff;
+    --label-plum-bgColor-hover: #f0cdfe;
+    --label-plum-bgColor-active: #e2a7fb;
+    --label-plum-fgColor-rest: #961edc;
+    --label-plum-fgColor-hover: #7d1eb8;
+    --label-plum-fgColor-active: #651d96;
+    --label-pink-bgColor-rest: #ffe5f1;
+    --label-pink-bgColor-hover: #fdc9e2;
+    --label-pink-bgColor-active: #f8a5cf;
+    --label-pink-fgColor-rest: #b12f79;
+    --label-pink-fgColor-hover: #8e2e66;
+    --label-pink-fgColor-active: #6e2b53;
+    --label-coral-bgColor-rest: #ffe5db;
+    --label-coral-bgColor-hover: #fecebe;
+    --label-coral-bgColor-active: #fcab92;
+    --label-coral-fgColor-rest: #ba2e12;
+    --label-coral-fgColor-hover: #9b2712;
+    --label-coral-fgColor-active: #7e2011;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css	2024-04-04 23:38:49.298417528 +0000
@@ -290,6 +290,120 @@
 --underlineNav-iconColor-rest: #636c76;
 --selection-bgColor: #0969da33;
 --card-bgColor: #ffffff;
+  --label-green-bgColor-rest: #caf7ca;
+  --label-green-bgColor-hover: #9ceda0;
+  --label-green-bgColor-active: #54d961;
+  --label-green-fgColor-rest: #2b6e3f;
+  --label-green-fgColor-hover: #285c3b;
+  --label-green-fgColor-active: #254b34;
+  --label-orange-bgColor-rest: #ffe7d1;
+  --label-orange-bgColor-hover: #fecfaa;
+  --label-orange-bgColor-active: #fbaf74;
+  --label-orange-fgColor-rest: #a24610;
+  --label-orange-fgColor-hover: #8d3c11;
+  --label-orange-fgColor-active: #70300f;
+  --label-purple-bgColor-rest: #f1e5ff;
+  --label-purple-bgColor-hover: #e6d2fe;
+  --label-purple-bgColor-active: #d1b1fc;
+  --label-purple-fgColor-rest: #783ae4;
+  --label-purple-fgColor-hover: #6223d7;
+  --label-purple-fgColor-active: #4f21ab;
+  --label-red-bgColor-rest: #ffe2e0;
+  --label-red-bgColor-hover: #fecdcd;
+  --label-red-bgColor-active: #fda5a7;
+  --label-red-fgColor-rest: #c50d28;
+  --label-red-fgColor-hover: #a60c29;
+  --label-red-fgColor-active: #880c27;
+  --label-yellow-bgColor-rest: #ffec9e;
+  --label-yellow-bgColor-hover: #ffd642;
+  --label-yellow-bgColor-active: #ebb400;
+  --label-yellow-fgColor-rest: #805900;
+  --label-yellow-fgColor-hover: #704d00;
+  --label-yellow-fgColor-active: #5c3d00;
+  --label-gray-bgColor-rest: #e8ecf2;
+  --label-gray-bgColor-hover: #d2dae4;
+  --label-gray-bgColor-active: #b4c0cf;
+  --label-gray-fgColor-rest: #5c6570;
+  --label-gray-fgColor-hover: #4e535a;
+  --label-gray-fgColor-active: #424448;
+  --label-auburn-bgColor-rest: #f2e9e9;
+  --label-auburn-bgColor-hover: #e6d6d5;
+  --label-auburn-bgColor-active: #d4b7b5;
+  --label-auburn-fgColor-rest: #8a5551;
+  --label-auburn-fgColor-hover: #744744;
+  --label-auburn-fgColor-active: #5d3937;
+  --label-brown-bgColor-rest: #eeeae2;
+  --label-brown-bgColor-hover: #dfd7c8;
+  --label-brown-bgColor-active: #cbbda4;
+  --label-brown-fgColor-rest: #755f43;
+  --label-brown-fgColor-hover: #64513a;
+  --label-brown-fgColor-active: #51412f;
+  --label-lemon-bgColor-rest: #f7eea1;
+  --label-lemon-bgColor-hover: #f0db3d;
+  --label-lemon-bgColor-active: #d8bd0e;
+  --label-lemon-fgColor-rest: #786002;
+  --label-lemon-fgColor-hover: #654f01;
+  --label-lemon-fgColor-active: #523f00;
+  --label-olive-bgColor-rest: #f0f0ad;
+  --label-olive-bgColor-hover: #dbe170;
+  --label-olive-bgColor-active: #b9c832;
+  --label-olive-fgColor-rest: #56682c;
+  --label-olive-fgColor-hover: #495a2b;
+  --label-olive-fgColor-active: #3b4927;
+  --label-lime-bgColor-rest: #e3f2b5;
+  --label-lime-bgColor-hover: #c7e580;
+  --label-lime-bgColor-active: #9bd039;
+  --label-lime-fgColor-rest: #476c28;
+  --label-lime-fgColor-hover: #3a5b25;
+  --label-lime-fgColor-active: #2f4a21;
+  --label-pine-bgColor-rest: #bff8db;
+  --label-pine-bgColor-hover: #80efb9;
+  --label-pine-bgColor-active: #1dd781;
+  --label-pine-fgColor-rest: #156f4b;
+  --label-pine-fgColor-hover: #135d41;
+  --label-pine-fgColor-active: #114b36;
+  --label-teal-bgColor-rest: #c7f5ef;
+  --label-teal-bgColor-hover: #89ebe1;
+  --label-teal-bgColor-active: #22d3c7;
+  --label-teal-fgColor-rest: #106e75;
+  --label-teal-fgColor-hover: #0d5b63;
+  --label-teal-fgColor-active: #0a4852;
+  --label-cyan-bgColor-rest: #bdf4ff;
+  --label-cyan-bgColor-hover: #7ae9ff;
+  --label-cyan-bgColor-active: #00d0fa;
+  --label-cyan-fgColor-rest: #006a80;
+  --label-cyan-fgColor-hover: #00596b;
+  --label-cyan-fgColor-active: #004857;
+  --label-indigo-bgColor-rest: #e5e9ff;
+  --label-indigo-bgColor-hover: #d2d7fe;
+  --label-indigo-bgColor-active: #b1b9fb;
+  --label-indigo-fgColor-rest: #494edf;
+  --label-indigo-fgColor-hover: #393cd5;
+  --label-indigo-fgColor-active: #2d2db4;
+  --label-blue-bgColor-rest: #d1f0ff;
+  --label-blue-bgColor-hover: #ade1ff;
+  --label-blue-bgColor-active: #75c8ff;
+  --label-blue-fgColor-rest: #005fcc;
+  --label-blue-fgColor-hover: #004db3;
+  --label-blue-fgColor-active: #003d99;
+  --label-plum-bgColor-rest: #f8e5ff;
+  --label-plum-bgColor-hover: #f0cdfe;
+  --label-plum-bgColor-active: #e2a7fb;
+  --label-plum-fgColor-rest: #961edc;
+  --label-plum-fgColor-hover: #7d1eb8;
+  --label-plum-fgColor-active: #651d96;
+  --label-pink-bgColor-rest: #ffe5f1;
+  --label-pink-bgColor-hover: #fdc9e2;
+  --label-pink-bgColor-active: #f8a5cf;
+  --label-pink-fgColor-rest: #b12f79;
+  --label-pink-fgColor-hover: #8e2e66;
+  --label-pink-fgColor-active: #6e2b53;
+  --label-coral-bgColor-rest: #ffe5db;
+  --label-coral-bgColor-hover: #fecebe;
+  --label-coral-bgColor-active: #fcab92;
+  --label-coral-fgColor-rest: #ba2e12;
+  --label-coral-fgColor-hover: #9b2712;
+  --label-coral-fgColor-active: #7e2011;
 --fgColor-default: #1f2328;
 --fgColor-muted: #636c76;
 --fgColor-onEmphasis: #ffffff;
@@ -714,6 +828,120 @@
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
   --card-bgColor: #ffffff;
+    --label-green-bgColor-rest: #caf7ca;
+    --label-green-bgColor-hover: #9ceda0;
+    --label-green-bgColor-active: #54d961;
+    --label-green-fgColor-rest: #2b6e3f;
+    --label-green-fgColor-hover: #285c3b;
+    --label-green-fgColor-active: #254b34;
+    --label-orange-bgColor-rest: #ffe7d1;
+    --label-orange-bgColor-hover: #fecfaa;
+    --label-orange-bgColor-active: #fbaf74;
+    --label-orange-fgColor-rest: #a24610;
+    --label-orange-fgColor-hover: #8d3c11;
+    --label-orange-fgColor-active: #70300f;
+    --label-purple-bgColor-rest: #f1e5ff;
+    --label-purple-bgColor-hover: #e6d2fe;
+    --label-purple-bgColor-active: #d1b1fc;
+    --label-purple-fgColor-rest: #783ae4;
+    --label-purple-fgColor-hover: #6223d7;
+    --label-purple-fgColor-active: #4f21ab;
+    --label-red-bgColor-rest: #ffe2e0;
+    --label-red-bgColor-hover: #fecdcd;
+    --label-red-bgColor-active: #fda5a7;
+    --label-red-fgColor-rest: #c50d28;
+    --label-red-fgColor-hover: #a60c29;
+    --label-red-fgColor-active: #880c27;
+    --label-yellow-bgColor-rest: #ffec9e;
+    --label-yellow-bgColor-hover: #ffd642;
+    --label-yellow-bgColor-active: #ebb400;
+    --label-yellow-fgColor-rest: #805900;
+    --label-yellow-fgColor-hover: #704d00;
+    --label-yellow-fgColor-active: #5c3d00;
+    --label-gray-bgColor-rest: #e8ecf2;
+    --label-gray-bgColor-hover: #d2dae4;
+    --label-gray-bgColor-active: #b4c0cf;
+    --label-gray-fgColor-rest: #5c6570;
+    --label-gray-fgColor-hover: #4e535a;
+    --label-gray-fgColor-active: #424448;
+    --label-auburn-bgColor-rest: #f2e9e9;
+    --label-auburn-bgColor-hover: #e6d6d5;
+    --label-auburn-bgColor-active: #d4b7b5;
+    --label-auburn-fgColor-rest: #8a5551;
+    --label-auburn-fgColor-hover: #744744;
+    --label-auburn-fgColor-active: #5d3937;
+    --label-brown-bgColor-rest: #eeeae2;
+    --label-brown-bgColor-hover: #dfd7c8;
+    --label-brown-bgColor-active: #cbbda4;
+    --label-brown-fgColor-rest: #755f43;
+    --label-brown-fgColor-hover: #64513a;
+    --label-brown-fgColor-active: #51412f;
+    --label-lemon-bgColor-rest: #f7eea1;
+    --label-lemon-bgColor-hover: #f0db3d;
+    --label-lemon-bgColor-active: #d8bd0e;
+    --label-lemon-fgColor-rest: #786002;
+    --label-lemon-fgColor-hover: #654f01;
+    --label-lemon-fgColor-active: #523f00;
+    --label-olive-bgColor-rest: #f0f0ad;
+    --label-olive-bgColor-hover: #dbe170;
+    --label-olive-bgColor-active: #b9c832;
+    --label-olive-fgColor-rest: #56682c;
+    --label-olive-fgColor-hover: #495a2b;
+    --label-olive-fgColor-active: #3b4927;
+    --label-lime-bgColor-rest: #e3f2b5;
+    --label-lime-bgColor-hover: #c7e580;
+    --label-lime-bgColor-active: #9bd039;
+    --label-lime-fgColor-rest: #476c28;
+    --label-lime-fgColor-hover: #3a5b25;
+    --label-lime-fgColor-active: #2f4a21;
+    --label-pine-bgColor-rest: #bff8db;
+    --label-pine-bgColor-hover: #80efb9;
+    --label-pine-bgColor-active: #1dd781;
+    --label-pine-fgColor-rest: #156f4b;
+    --label-pine-fgColor-hover: #135d41;
+    --label-pine-fgColor-active: #114b36;
+    --label-teal-bgColor-rest: #c7f5ef;
+    --label-teal-bgColor-hover: #89ebe1;
+    --label-teal-bgColor-active: #22d3c7;
+    --label-teal-fgColor-rest: #106e75;
+    --label-teal-fgColor-hover: #0d5b63;
+    --label-teal-fgColor-active: #0a4852;
+    --label-cyan-bgColor-rest: #bdf4ff;
+    --label-cyan-bgColor-hover: #7ae9ff;
+    --label-cyan-bgColor-active: #00d0fa;
+    --label-cyan-fgColor-rest: #006a80;
+    --label-cyan-fgColor-hover: #00596b;
+    --label-cyan-fgColor-active: #004857;
+    --label-indigo-bgColor-rest: #e5e9ff;
+    --label-indigo-bgColor-hover: #d2d7fe;
+    --label-indigo-bgColor-active: #b1b9fb;
+    --label-indigo-fgColor-rest: #494edf;
+    --label-indigo-fgColor-hover: #393cd5;
+    --label-indigo-fgColor-active: #2d2db4;
+    --label-blue-bgColor-rest: #d1f0ff;
+    --label-blue-bgColor-hover: #ade1ff;
+    --label-blue-bgColor-active: #75c8ff;
+    --label-blue-fgColor-rest: #005fcc;
+    --label-blue-fgColor-hover: #004db3;
+    --label-blue-fgColor-active: #003d99;
+    --label-plum-bgColor-rest: #f8e5ff;
+    --label-plum-bgColor-hover: #f0cdfe;
+    --label-plum-bgColor-active: #e2a7fb;
+    --label-plum-fgColor-rest: #961edc;
+    --label-plum-fgColor-hover: #7d1eb8;
+    --label-plum-fgColor-active: #651d96;
+    --label-pink-bgColor-rest: #ffe5f1;
+    --label-pink-bgColor-hover: #fdc9e2;
+    --label-pink-bgColor-active: #f8a5cf;
+    --label-pink-fgColor-rest: #b12f79;
+    --label-pink-fgColor-hover: #8e2e66;
+    --label-pink-fgColor-active: #6e2b53;
+    --label-coral-bgColor-rest: #ffe5db;
+    --label-coral-bgColor-hover: #fecebe;
+    --label-coral-bgColor-active: #fcab92;
+    --label-coral-fgColor-rest: #ba2e12;
+    --label-coral-fgColor-hover: #9b2712;
+    --label-coral-fgColor-active: #7e2011;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light.css	2024-04-04 23:38:48.878416872 +0000
@@ -290,6 +290,120 @@
 --underlineNav-iconColor-rest: #636c76;
 --selection-bgColor: #0969da33;
 --card-bgColor: #ffffff;
+  --label-green-bgColor-rest: #caf7ca;
+  --label-green-bgColor-hover: #9ceda0;
+  --label-green-bgColor-active: #54d961;
+  --label-green-fgColor-rest: #2b6e3f;
+  --label-green-fgColor-hover: #285c3b;
+  --label-green-fgColor-active: #254b34;
+  --label-orange-bgColor-rest: #ffe7d1;
+  --label-orange-bgColor-hover: #fecfaa;
+  --label-orange-bgColor-active: #fbaf74;
+  --label-orange-fgColor-rest: #a24610;
+  --label-orange-fgColor-hover: #8d3c11;
+  --label-orange-fgColor-active: #70300f;
+  --label-purple-bgColor-rest: #f1e5ff;
+  --label-purple-bgColor-hover: #e6d2fe;
+  --label-purple-bgColor-active: #d1b1fc;
+  --label-purple-fgColor-rest: #783ae4;
+  --label-purple-fgColor-hover: #6223d7;
+  --label-purple-fgColor-active: #4f21ab;
+  --label-red-bgColor-rest: #ffe2e0;
+  --label-red-bgColor-hover: #fecdcd;
+  --label-red-bgColor-active: #fda5a7;
+  --label-red-fgColor-rest: #c50d28;
+  --label-red-fgColor-hover: #a60c29;
+  --label-red-fgColor-active: #880c27;
+  --label-yellow-bgColor-rest: #ffec9e;
+  --label-yellow-bgColor-hover: #ffd642;
+  --label-yellow-bgColor-active: #ebb400;
+  --label-yellow-fgColor-rest: #805900;
+  --label-yellow-fgColor-hover: #704d00;
+  --label-yellow-fgColor-active: #5c3d00;
+  --label-gray-bgColor-rest: #e8ecf2;
+  --label-gray-bgColor-hover: #d2dae4;
+  --label-gray-bgColor-active: #b4c0cf;
+  --label-gray-fgColor-rest: #5c6570;
+  --label-gray-fgColor-hover: #4e535a;
+  --label-gray-fgColor-active: #424448;
+  --label-auburn-bgColor-rest: #f2e9e9;
+  --label-auburn-bgColor-hover: #e6d6d5;
+  --label-auburn-bgColor-active: #d4b7b5;
+  --label-auburn-fgColor-rest: #8a5551;
+  --label-auburn-fgColor-hover: #744744;
+  --label-auburn-fgColor-active: #5d3937;
+  --label-brown-bgColor-rest: #eeeae2;
+  --label-brown-bgColor-hover: #dfd7c8;
+  --label-brown-bgColor-active: #cbbda4;
+  --label-brown-fgColor-rest: #755f43;
+  --label-brown-fgColor-hover: #64513a;
+  --label-brown-fgColor-active: #51412f;
+  --label-lemon-bgColor-rest: #f7eea1;
+  --label-lemon-bgColor-hover: #f0db3d;
+  --label-lemon-bgColor-active: #d8bd0e;
+  --label-lemon-fgColor-rest: #786002;
+  --label-lemon-fgColor-hover: #654f01;
+  --label-lemon-fgColor-active: #523f00;
+  --label-olive-bgColor-rest: #f0f0ad;
+  --label-olive-bgColor-hover: #dbe170;
+  --label-olive-bgColor-active: #b9c832;
+  --label-olive-fgColor-rest: #56682c;
+  --label-olive-fgColor-hover: #495a2b;
+  --label-olive-fgColor-active: #3b4927;
+  --label-lime-bgColor-rest: #e3f2b5;
+  --label-lime-bgColor-hover: #c7e580;
+  --label-lime-bgColor-active: #9bd039;
+  --label-lime-fgColor-rest: #476c28;
+  --label-lime-fgColor-hover: #3a5b25;
+  --label-lime-fgColor-active: #2f4a21;
+  --label-pine-bgColor-rest: #bff8db;
+  --label-pine-bgColor-hover: #80efb9;
+  --label-pine-bgColor-active: #1dd781;
+  --label-pine-fgColor-rest: #156f4b;
+  --label-pine-fgColor-hover: #135d41;
+  --label-pine-fgColor-active: #114b36;
+  --label-teal-bgColor-rest: #c7f5ef;
+  --label-teal-bgColor-hover: #89ebe1;
+  --label-teal-bgColor-active: #22d3c7;
+  --label-teal-fgColor-rest: #106e75;
+  --label-teal-fgColor-hover: #0d5b63;
+  --label-teal-fgColor-active: #0a4852;
+  --label-cyan-bgColor-rest: #bdf4ff;
+  --label-cyan-bgColor-hover: #7ae9ff;
+  --label-cyan-bgColor-active: #00d0fa;
+  --label-cyan-fgColor-rest: #006a80;
+  --label-cyan-fgColor-hover: #00596b;
+  --label-cyan-fgColor-active: #004857;
+  --label-indigo-bgColor-rest: #e5e9ff;
+  --label-indigo-bgColor-hover: #d2d7fe;
+  --label-indigo-bgColor-active: #b1b9fb;
+  --label-indigo-fgColor-rest: #494edf;
+  --label-indigo-fgColor-hover: #393cd5;
+  --label-indigo-fgColor-active: #2d2db4;
+  --label-blue-bgColor-rest: #d1f0ff;
+  --label-blue-bgColor-hover: #ade1ff;
+  --label-blue-bgColor-active: #75c8ff;
+  --label-blue-fgColor-rest: #005fcc;
+  --label-blue-fgColor-hover: #004db3;
+  --label-blue-fgColor-active: #003d99;
+  --label-plum-bgColor-rest: #f8e5ff;
+  --label-plum-bgColor-hover: #f0cdfe;
+  --label-plum-bgColor-active: #e2a7fb;
+  --label-plum-fgColor-rest: #961edc;
+  --label-plum-fgColor-hover: #7d1eb8;
+  --label-plum-fgColor-active: #651d96;
+  --label-pink-bgColor-rest: #ffe5f1;
+  --label-pink-bgColor-hover: #fdc9e2;
+  --label-pink-bgColor-active: #f8a5cf;
+  --label-pink-fgColor-rest: #b12f79;
+  --label-pink-fgColor-hover: #8e2e66;
+  --label-pink-fgColor-active: #6e2b53;
+  --label-coral-bgColor-rest: #ffe5db;
+  --label-coral-bgColor-hover: #fecebe;
+  --label-coral-bgColor-active: #fcab92;
+  --label-coral-fgColor-rest: #ba2e12;
+  --label-coral-fgColor-hover: #9b2712;
+  --label-coral-fgColor-active: #7e2011;
 --fgColor-default: #1f2328;
 --fgColor-muted: #636c76;
 --fgColor-onEmphasis: #ffffff;
@@ -714,6 +828,120 @@
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
   --card-bgColor: #ffffff;
+    --label-green-bgColor-rest: #caf7ca;
+    --label-green-bgColor-hover: #9ceda0;
+    --label-green-bgColor-active: #54d961;
+    --label-green-fgColor-rest: #2b6e3f;
+    --label-green-fgColor-hover: #285c3b;
+    --label-green-fgColor-active: #254b34;
+    --label-orange-bgColor-rest: #ffe7d1;
+    --label-orange-bgColor-hover: #fecfaa;
+    --label-orange-bgColor-active: #fbaf74;
+    --label-orange-fgColor-rest: #a24610;
+    --label-orange-fgColor-hover: #8d3c11;
+    --label-orange-fgColor-active: #70300f;
+    --label-purple-bgColor-rest: #f1e5ff;
+    --label-purple-bgColor-hover: #e6d2fe;
+    --label-purple-bgColor-active: #d1b1fc;
+    --label-purple-fgColor-rest: #783ae4;
+    --label-purple-fgColor-hover: #6223d7;
+    --label-purple-fgColor-active: #4f21ab;
+    --label-red-bgColor-rest: #ffe2e0;
+    --label-red-bgColor-hover: #fecdcd;
+    --label-red-bgColor-active: #fda5a7;
+    --label-red-fgColor-rest: #c50d28;
+    --label-red-fgColor-hover: #a60c29;
+    --label-red-fgColor-active: #880c27;
+    --label-yellow-bgColor-rest: #ffec9e;
+    --label-yellow-bgColor-hover: #ffd642;
+    --label-yellow-bgColor-active: #ebb400;
+    --label-yellow-fgColor-rest: #805900;
+    --label-yellow-fgColor-hover: #704d00;
+    --label-yellow-fgColor-active: #5c3d00;
+    --label-gray-bgColor-rest: #e8ecf2;
+    --label-gray-bgColor-hover: #d2dae4;
+    --label-gray-bgColor-active: #b4c0cf;
+    --label-gray-fgColor-rest: #5c6570;
+    --label-gray-fgColor-hover: #4e535a;
+    --label-gray-fgColor-active: #424448;
+    --label-auburn-bgColor-rest: #f2e9e9;
+    --label-auburn-bgColor-hover: #e6d6d5;
+    --label-auburn-bgColor-active: #d4b7b5;
+    --label-auburn-fgColor-rest: #8a5551;
+    --label-auburn-fgColor-hover: #744744;
+    --label-auburn-fgColor-active: #5d3937;
+    --label-brown-bgColor-rest: #eeeae2;
+    --label-brown-bgColor-hover: #dfd7c8;
+    --label-brown-bgColor-active: #cbbda4;
+    --label-brown-fgColor-rest: #755f43;
+    --label-brown-fgColor-hover: #64513a;
+    --label-brown-fgColor-active: #51412f;
+    --label-lemon-bgColor-rest: #f7eea1;
+    --label-lemon-bgColor-hover: #f0db3d;
+    --label-lemon-bgColor-active: #d8bd0e;
+    --label-lemon-fgColor-rest: #786002;
+    --label-lemon-fgColor-hover: #654f01;
+    --label-lemon-fgColor-active: #523f00;
+    --label-olive-bgColor-rest: #f0f0ad;
+    --label-olive-bgColor-hover: #dbe170;
+    --label-olive-bgColor-active: #b9c832;
+    --label-olive-fgColor-rest: #56682c;
+    --label-olive-fgColor-hover: #495a2b;
+    --label-olive-fgColor-active: #3b4927;
+    --label-lime-bgColor-rest: #e3f2b5;
+    --label-lime-bgColor-hover: #c7e580;
+    --label-lime-bgColor-active: #9bd039;
+    --label-lime-fgColor-rest: #476c28;
+    --label-lime-fgColor-hover: #3a5b25;
+    --label-lime-fgColor-active: #2f4a21;
+    --label-pine-bgColor-rest: #bff8db;
+    --label-pine-bgColor-hover: #80efb9;
+    --label-pine-bgColor-active: #1dd781;
+    --label-pine-fgColor-rest: #156f4b;
+    --label-pine-fgColor-hover: #135d41;
+    --label-pine-fgColor-active: #114b36;
+    --label-teal-bgColor-rest: #c7f5ef;
+    --label-teal-bgColor-hover: #89ebe1;
+    --label-teal-bgColor-active: #22d3c7;
+    --label-teal-fgColor-rest: #106e75;
+    --label-teal-fgColor-hover: #0d5b63;
+    --label-teal-fgColor-active: #0a4852;
+    --label-cyan-bgColor-rest: #bdf4ff;
+    --label-cyan-bgColor-hover: #7ae9ff;
+    --label-cyan-bgColor-active: #00d0fa;
+    --label-cyan-fgColor-rest: #006a80;
+    --label-cyan-fgColor-hover: #00596b;
+    --label-cyan-fgColor-active: #004857;
+    --label-indigo-bgColor-rest: #e5e9ff;
+    --label-indigo-bgColor-hover: #d2d7fe;
+    --label-indigo-bgColor-active: #b1b9fb;
+    --label-indigo-fgColor-rest: #494edf;
+    --label-indigo-fgColor-hover: #393cd5;
+    --label-indigo-fgColor-active: #2d2db4;
+    --label-blue-bgColor-rest: #d1f0ff;
+    --label-blue-bgColor-hover: #ade1ff;
+    --label-blue-bgColor-active: #75c8ff;
+    --label-blue-fgColor-rest: #005fcc;
+    --label-blue-fgColor-hover: #004db3;
+    --label-blue-fgColor-active: #003d99;
+    --label-plum-bgColor-rest: #f8e5ff;
+    --label-plum-bgColor-hover: #f0cdfe;
+    --label-plum-bgColor-active: #e2a7fb;
+    --label-plum-fgColor-rest: #961edc;
+    --label-plum-fgColor-hover: #7d1eb8;
+    --label-plum-fgColor-active: #651d96;
+    --label-pink-bgColor-rest: #ffe5f1;
+    --label-pink-bgColor-hover: #fdc9e2;
+    --label-pink-bgColor-active: #f8a5cf;
+    --label-pink-fgColor-rest: #b12f79;
+    --label-pink-fgColor-hover: #8e2e66;
+    --label-pink-fgColor-active: #6e2b53;
+    --label-coral-bgColor-rest: #ffe5db;
+    --label-coral-bgColor-hover: #fecebe;
+    --label-coral-bgColor-active: #fcab92;
+    --label-coral-fgColor-rest: #ba2e12;
+    --label-coral-fgColor-hover: #9b2712;
+    --label-coral-fgColor-active: #7e2011;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;