Update disabled state colors for controls #674

langermank · 2023-07-03T20:47:49Z

Updates the gray shade for fgColor-disabled so that it works in combination with bgColor-disabled for controls.

Before	After

changeset-bot · 2023-07-03T20:47:52Z

🦋 Changeset detected

Latest commit: 1d80339

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 · 2023-07-03T20:48:04Z

Variables changed

No variables changed

github-actions · 2023-07-03T20:49:15Z

Design Token Diff

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css	2023-07-04 17:04:51.850011853 +0000
@@ -49,14 +49,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #484f58;
+  --control-bgColor-disabled: #161b22;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #484f58;
+  --control-fgColor-disabled: #8b949e;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #30363d;
+  --control-borderColor-disabled: #161b22;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #1f6feb;
 --control-borderColor-danger: #bd561d;
@@ -77,26 +77,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #484f58;
+  --control-checked-bgColor-disabled: #8b949e;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #484f58;
+  --control-checked-borderColor-disabled: #8b949e;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #484f58;
+  --controlTrack-bgColor-disabled: #8b949e;
 --controlTrack-fgColor-rest: #7d8590;
 --controlTrack-fgColor-disabled: #7d8590;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #484f58;
+  --controlTrack-borderColor-disabled: #8b949e;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #484f58;
+  --controlKnob-bgColor-disabled: #161b22;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #484f58;
+  --controlKnob-borderColor-disabled: #161b22;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
+  --button-default-bgColor-disabled: #161b22;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
+  --button-default-borderColor-disabled: #161b22;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-default-shadow-inset: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
 --button-primary-bgColor-disabled: #1158c7;
 --button-primary-borderColor-rest: #f0f6fc1a;
 --button-primary-borderColor-hover: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #1158c7;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #2f81f7;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #484f58;
+  --button-invisible-fgColor-disabled: #8b949e;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #161b22;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #161b22;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #9b4215;
 --button-danger-bgColor-active: #b5531d;
-  --button-danger-bgColor-disabled: #21262d;
+  --button-danger-bgColor-disabled: #161b22;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #9b4215;
 --button-danger-borderColor-active: #b5531d;
@@ -184,7 +187,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #7d8590;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #484f58;
+  --fgColor-disabled: #8b949e;
 --fgColor-link-rest: #2f81f7;
 --fgColor-accent: #2f81f7;
 --fgColor-success: #58a6ff;
@@ -198,7 +201,7 @@
 --bgColor-default: #0d1117;
 --bgColor-muted: #161b22;
 --bgColor-emphasis: #6e7681;
-  --bgColor-disabled: #484f58;
+  --bgColor-disabled: #161b22;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768126;
 --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363d66;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #30363d;
+  --borderColor-disabled: #161b22;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #484f58;
+    --control-bgColor-disabled: #161b22;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #484f58;
+    --control-fgColor-disabled: #8b949e;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #30363d;
+    --control-borderColor-disabled: #161b22;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #bd561d;
@@ -475,26 +478,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-bgColor-disabled: #8b949e;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #484f58;
+    --control-checked-borderColor-disabled: #8b949e;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
   --controlTrack-fgColor-disabled: #7d8590;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #484f58;
+    --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-disabled: #161b22;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-disabled: #161b22;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
+    --button-default-bgColor-disabled: #161b22;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
+    --button-default-borderColor-disabled: #161b22;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
   --button-primary-bgColor-disabled: #1158c7;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #1158c7;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #161b22;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #161b22;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #9b4215;
   --button-danger-bgColor-active: #b5531d;
-    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-bgColor-disabled: #161b22;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #9b4215;
   --button-danger-borderColor-active: #b5531d;
@@ -582,7 +588,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #484f58;
+    --fgColor-disabled: #8b949e;
   --fgColor-link-rest: #2f81f7;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #58a6ff;
@@ -596,7 +602,7 @@
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
-    --bgColor-disabled: #484f58;
+    --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #30363d;
+    --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css	2023-07-04 17:04:50.769938690 +0000
@@ -49,14 +49,14 @@
 --control-bgColor-rest: #373e47;
 --control-bgColor-hover: #3d444e;
 --control-bgColor-active: #434a54;
-  --control-bgColor-disabled: #545d68;
+  --control-bgColor-disabled: #2d333b;
 --control-bgColor-selected: #2d333b;
 --control-fgColor-rest: #adbac7;
 --control-fgColor-placeholder: #545d68;
-  --control-fgColor-disabled: #545d68;
+  --control-fgColor-disabled: #768390;
 --control-borderColor-rest: #444c56;
 --control-borderColor-emphasis: #606b77;
-  --control-borderColor-disabled: #444c56;
+  --control-borderColor-disabled: #2d333b;
 --control-borderColor-selected: #cdd9e5;
 --control-borderColor-success: #347d39;
 --control-borderColor-danger: #c93c37;
@@ -77,26 +77,26 @@
 --control-checked-bgColor-rest: #316dca;
 --control-checked-bgColor-hover: #3876d3;
 --control-checked-bgColor-active: #3f7fdb;
-  --control-checked-bgColor-disabled: #545d68;
+  --control-checked-bgColor-disabled: #768390;
 --control-checked-fgColor-rest: #cdd9e5;
 --control-checked-fgColor-disabled: #1c2128;
 --control-checked-borderColor-rest: #316dca;
 --control-checked-borderColor-hover: #3876d3;
 --control-checked-borderColor-active: #3f7fdb;
-  --control-checked-borderColor-disabled: #545d68;
+  --control-checked-borderColor-disabled: #768390;
 --controlTrack-bgColor-rest: #373e47;
 --controlTrack-bgColor-hover: #3d444e;
 --controlTrack-bgColor-active: #434a54;
-  --controlTrack-bgColor-disabled: #545d68;
+  --controlTrack-bgColor-disabled: #768390;
 --controlTrack-fgColor-rest: #6d7986;
 --controlTrack-fgColor-disabled: #6d7986;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #545d68;
+  --controlTrack-borderColor-disabled: #768390;
 --controlKnob-bgColor-rest: #1c2128;
-  --controlKnob-bgColor-disabled: #545d68;
+  --controlKnob-bgColor-disabled: #2d333b;
 --controlKnob-bgColor-checked: #cdd9e5;
 --controlKnob-borderColor-rest: #606b77;
-  --controlKnob-borderColor-disabled: #545d68;
+  --controlKnob-borderColor-disabled: #2d333b;
 --controlKnob-borderColor-checked: #316dca;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #adbac7;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #3d444e;
 --button-default-bgColor-active: #434a54;
 --button-default-bgColor-selected: #434a54;
+  --button-default-bgColor-disabled: #2d333b;
 --button-default-borderColor-rest: #444c56;
 --button-default-borderColor-hover: #444c56;
 --button-default-borderColor-active: #444c56;
+  --button-default-borderColor-disabled: #2d333b;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-default-shadow-inset: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #cdd9e5;
@@ -118,17 +120,18 @@
 --button-primary-bgColor-disabled: #50a254;
 --button-primary-borderColor-rest: #cdd9e51a;
 --button-primary-borderColor-hover: #cdd9e51a;
-  --button-primary-borderColor-disabled: #cdd9e51a;
+  --button-primary-borderColor-disabled: #50a254;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #3b7cdb;
 --button-invisible-fgColor-hover: #539bf5;
-  --button-invisible-fgColor-disabled: #545d68;
+  --button-invisible-fgColor-disabled: #768390;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #909dab1f;
 --button-invisible-bgColor-active: #909dab33;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #2d333b;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #2d333b;
 --button-outline-fgColor-rest: #4184e4;
 --button-outline-fgColor-hover: #539bf5;
 --button-outline-fgColor-active: #cdd9e5;
@@ -149,7 +152,7 @@
 --button-danger-bgColor-rest: #373e47;
 --button-danger-bgColor-hover: #ad2e2c;
 --button-danger-bgColor-active: #c33d38;
-  --button-danger-bgColor-disabled: #373e47;
+  --button-danger-bgColor-disabled: #2d333b;
 --button-danger-borderColor-rest: #444c56;
 --button-danger-borderColor-hover: #ad2e2c;
 --button-danger-borderColor-active: #c33d38;
@@ -184,7 +187,7 @@
 --fgColor-default: #c5d1de;
 --fgColor-muted: #6d7986;
 --fgColor-onEmphasis: #cdd9e5;
-  --fgColor-disabled: #545d68;
+  --fgColor-disabled: #768390;
 --fgColor-link-rest: #3b7cdb;
 --fgColor-accent: #3b7cdb;
 --fgColor-success: #57ab5a;
@@ -198,7 +201,7 @@
 --bgColor-default: #22272e;
 --bgColor-muted: #2d333b;
 --bgColor-emphasis: #636e7b;
-  --bgColor-disabled: #545d68;
+  --bgColor-disabled: #2d333b;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #636e7b26;
 --bgColor-neutral-emphasis: #636e7b;
@@ -223,7 +226,7 @@
 --borderColor-default: #444c56;
 --borderColor-muted: #444c5666;
 --borderColor-emphasis: #545d68;
-  --borderColor-disabled: #444c56;
+  --borderColor-disabled: #2d333b;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #636e7b66;
 --borderColor-neutral-emphasis: #636e7b;
@@ -447,14 +450,14 @@
   --control-bgColor-rest: #373e47;
   --control-bgColor-hover: #3d444e;
   --control-bgColor-active: #434a54;
-    --control-bgColor-disabled: #545d68;
+    --control-bgColor-disabled: #2d333b;
   --control-bgColor-selected: #2d333b;
   --control-fgColor-rest: #adbac7;
   --control-fgColor-placeholder: #545d68;
-    --control-fgColor-disabled: #545d68;
+    --control-fgColor-disabled: #768390;
   --control-borderColor-rest: #444c56;
   --control-borderColor-emphasis: #606b77;
-    --control-borderColor-disabled: #444c56;
+    --control-borderColor-disabled: #2d333b;
   --control-borderColor-selected: #cdd9e5;
   --control-borderColor-success: #347d39;
   --control-borderColor-danger: #c93c37;
@@ -475,26 +478,26 @@
   --control-checked-bgColor-rest: #316dca;
   --control-checked-bgColor-hover: #3876d3;
   --control-checked-bgColor-active: #3f7fdb;
-    --control-checked-bgColor-disabled: #545d68;
+    --control-checked-bgColor-disabled: #768390;
   --control-checked-fgColor-rest: #cdd9e5;
   --control-checked-fgColor-disabled: #1c2128;
   --control-checked-borderColor-rest: #316dca;
   --control-checked-borderColor-hover: #3876d3;
   --control-checked-borderColor-active: #3f7fdb;
-    --control-checked-borderColor-disabled: #545d68;
+    --control-checked-borderColor-disabled: #768390;
   --controlTrack-bgColor-rest: #373e47;
   --controlTrack-bgColor-hover: #3d444e;
   --controlTrack-bgColor-active: #434a54;
-    --controlTrack-bgColor-disabled: #545d68;
+    --controlTrack-bgColor-disabled: #768390;
   --controlTrack-fgColor-rest: #6d7986;
   --controlTrack-fgColor-disabled: #6d7986;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #545d68;
+    --controlTrack-borderColor-disabled: #768390;
   --controlKnob-bgColor-rest: #1c2128;
-    --controlKnob-bgColor-disabled: #545d68;
+    --controlKnob-bgColor-disabled: #2d333b;
   --controlKnob-bgColor-checked: #cdd9e5;
   --controlKnob-borderColor-rest: #606b77;
-    --controlKnob-borderColor-disabled: #545d68;
+    --controlKnob-borderColor-disabled: #2d333b;
   --controlKnob-borderColor-checked: #316dca;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #adbac7;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #3d444e;
   --button-default-bgColor-active: #434a54;
   --button-default-bgColor-selected: #434a54;
+    --button-default-bgColor-disabled: #2d333b;
   --button-default-borderColor-rest: #444c56;
   --button-default-borderColor-hover: #444c56;
   --button-default-borderColor-active: #444c56;
+    --button-default-borderColor-disabled: #2d333b;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #cdd9e5;
@@ -516,17 +521,18 @@
   --button-primary-bgColor-disabled: #50a254;
   --button-primary-borderColor-rest: #cdd9e51a;
   --button-primary-borderColor-hover: #cdd9e51a;
-    --button-primary-borderColor-disabled: #cdd9e51a;
+    --button-primary-borderColor-disabled: #50a254;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #3b7cdb;
   --button-invisible-fgColor-hover: #539bf5;
-    --button-invisible-fgColor-disabled: #545d68;
+    --button-invisible-fgColor-disabled: #768390;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
   --button-invisible-bgColor-active: #909dab33;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #2d333b;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #2d333b;
   --button-outline-fgColor-rest: #4184e4;
   --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
@@ -547,7 +553,7 @@
   --button-danger-bgColor-rest: #373e47;
   --button-danger-bgColor-hover: #ad2e2c;
   --button-danger-bgColor-active: #c33d38;
-    --button-danger-bgColor-disabled: #373e47;
+    --button-danger-bgColor-disabled: #2d333b;
   --button-danger-borderColor-rest: #444c56;
   --button-danger-borderColor-hover: #ad2e2c;
   --button-danger-borderColor-active: #c33d38;
@@ -582,7 +588,7 @@
   --fgColor-default: #c5d1de;
   --fgColor-muted: #6d7986;
   --fgColor-onEmphasis: #cdd9e5;
-    --fgColor-disabled: #545d68;
+    --fgColor-disabled: #768390;
   --fgColor-link-rest: #3b7cdb;
   --fgColor-accent: #3b7cdb;
   --fgColor-success: #57ab5a;
@@ -596,7 +602,7 @@
   --bgColor-default: #22272e;
   --bgColor-muted: #2d333b;
   --bgColor-emphasis: #636e7b;
-    --bgColor-disabled: #545d68;
+    --bgColor-disabled: #2d333b;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #636e7b26;
   --bgColor-neutral-emphasis: #636e7b;
@@ -621,7 +627,7 @@
   --borderColor-default: #444c56;
   --borderColor-muted: #444c5666;
   --borderColor-emphasis: #545d68;
-    --borderColor-disabled: #444c56;
+    --borderColor-disabled: #2d333b;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css	2023-07-04 17:04:52.402049248 +0000
@@ -49,14 +49,14 @@
 --control-bgColor-rest: #272b33;
 --control-bgColor-hover: #383c45;
 --control-bgColor-active: #484e57;
-  --control-bgColor-disabled: #7a828e;
+  --control-bgColor-disabled: #272b33;
 --control-bgColor-selected: #525964;
 --control-fgColor-rest: #f0f3f6;
 --control-fgColor-placeholder: #7a828e;
-  --control-fgColor-disabled: #7a828e;
+  --control-fgColor-disabled: #bdc4cc;
 --control-borderColor-rest: #7a828e;
 --control-borderColor-emphasis: #7a828e;
-  --control-borderColor-disabled: #7a828e;
+  --control-borderColor-disabled: #272b33;
 --control-borderColor-selected: #ffffff;
 --control-borderColor-success: #09b43a;
 --control-borderColor-danger: #ff6a69;
@@ -77,26 +77,26 @@
 --control-checked-bgColor-rest: #409eff;
 --control-checked-bgColor-hover: #4aa3ff;
 --control-checked-bgColor-active: #54a8ff;
-  --control-checked-bgColor-disabled: #7a828e;
+  --control-checked-bgColor-disabled: #bdc4cc;
 --control-checked-fgColor-rest: #0a0c10;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #409eff;
 --control-checked-borderColor-hover: #4aa3ff;
 --control-checked-borderColor-active: #54a8ff;
-  --control-checked-borderColor-disabled: #7a828e;
+  --control-checked-borderColor-disabled: #bdc4cc;
 --controlTrack-bgColor-rest: #272b33;
 --controlTrack-bgColor-hover: #383c45;
 --controlTrack-bgColor-active: #484e57;
-  --controlTrack-bgColor-disabled: #7a828e;
+  --controlTrack-bgColor-disabled: #bdc4cc;
 --controlTrack-fgColor-rest: #0a0c10;
 --controlTrack-fgColor-disabled: #f0f3f6;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #7a828e;
+  --controlTrack-borderColor-disabled: #bdc4cc;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #7a828e;
+  --controlKnob-bgColor-disabled: #272b33;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #7a828e;
-  --controlKnob-borderColor-disabled: #7a828e;
+  --controlKnob-borderColor-disabled: #272b33;
 --controlKnob-borderColor-checked: #409eff;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #f0f3f6;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #383c45;
 --button-default-bgColor-active: #484e57;
 --button-default-bgColor-selected: #484e57;
+  --button-default-bgColor-disabled: #272b33;
 --button-default-borderColor-rest: #7a828e;
 --button-default-borderColor-hover: #7a828e;
 --button-default-borderColor-active: #7a828e;
+  --button-default-borderColor-disabled: #272b33;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-default-shadow-inset: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #0a0c10;
@@ -122,13 +124,14 @@
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #409eff;
 --button-invisible-fgColor-hover: #71b7ff;
-  --button-invisible-fgColor-disabled: #7a828e;
+  --button-invisible-fgColor-disabled: #bdc4cc;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #272b33;
 --button-invisible-bgColor-active: #525964;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #272b33;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #7a828e;
+  --button-invisible-borderColor-disabled: #272b33;
 --button-outline-fgColor-rest: #409eff;
 --button-outline-fgColor-hover: #71b7ff;
 --button-outline-fgColor-active: #ffffff;
@@ -184,7 +187,7 @@
 --fgColor-default: #fbfcfd;
 --fgColor-muted: #f0f3f6;
 --fgColor-onEmphasis: #0a0c10;
-  --fgColor-disabled: #7a828e;
+  --fgColor-disabled: #bdc4cc;
 --fgColor-link-rest: #409eff;
 --fgColor-accent: #409eff;
 --fgColor-success: #26cd4d;
@@ -198,7 +201,7 @@
 --bgColor-default: #0a0c10;
 --bgColor-muted: #272b33;
 --bgColor-emphasis: #ffffff;
-  --bgColor-disabled: #7a828e;
+  --bgColor-disabled: #272b33;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #9ea7b326;
 --bgColor-neutral-emphasis: #9ea7b3;
@@ -223,7 +226,7 @@
 --borderColor-default: #7a828e;
 --borderColor-muted: #7a828e;
 --borderColor-emphasis: #7a828e;
-  --borderColor-disabled: #7a828e;
+  --borderColor-disabled: #272b33;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #9ea7b3;
 --borderColor-neutral-emphasis: #9ea7b3;
@@ -447,14 +450,14 @@
   --control-bgColor-rest: #272b33;
   --control-bgColor-hover: #383c45;
   --control-bgColor-active: #484e57;
-    --control-bgColor-disabled: #7a828e;
+    --control-bgColor-disabled: #272b33;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
   --control-fgColor-placeholder: #7a828e;
-    --control-fgColor-disabled: #7a828e;
+    --control-fgColor-disabled: #bdc4cc;
   --control-borderColor-rest: #7a828e;
   --control-borderColor-emphasis: #7a828e;
-    --control-borderColor-disabled: #7a828e;
+    --control-borderColor-disabled: #272b33;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #09b43a;
   --control-borderColor-danger: #ff6a69;
@@ -475,26 +478,26 @@
   --control-checked-bgColor-rest: #409eff;
   --control-checked-bgColor-hover: #4aa3ff;
   --control-checked-bgColor-active: #54a8ff;
-    --control-checked-bgColor-disabled: #7a828e;
+    --control-checked-bgColor-disabled: #bdc4cc;
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #409eff;
   --control-checked-borderColor-hover: #4aa3ff;
   --control-checked-borderColor-active: #54a8ff;
-    --control-checked-borderColor-disabled: #7a828e;
+    --control-checked-borderColor-disabled: #bdc4cc;
   --controlTrack-bgColor-rest: #272b33;
   --controlTrack-bgColor-hover: #383c45;
   --controlTrack-bgColor-active: #484e57;
-    --controlTrack-bgColor-disabled: #7a828e;
+    --controlTrack-bgColor-disabled: #bdc4cc;
   --controlTrack-fgColor-rest: #0a0c10;
   --controlTrack-fgColor-disabled: #f0f3f6;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #7a828e;
+    --controlTrack-borderColor-disabled: #bdc4cc;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #7a828e;
+    --controlKnob-bgColor-disabled: #272b33;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #7a828e;
-    --controlKnob-borderColor-disabled: #7a828e;
+    --controlKnob-borderColor-disabled: #272b33;
   --controlKnob-borderColor-checked: #409eff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #383c45;
   --button-default-bgColor-active: #484e57;
   --button-default-bgColor-selected: #484e57;
+    --button-default-bgColor-disabled: #272b33;
   --button-default-borderColor-rest: #7a828e;
   --button-default-borderColor-hover: #7a828e;
   --button-default-borderColor-active: #7a828e;
+    --button-default-borderColor-disabled: #272b33;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #0a0c10;
@@ -520,13 +525,14 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #409eff;
   --button-invisible-fgColor-hover: #71b7ff;
-    --button-invisible-fgColor-disabled: #7a828e;
+    --button-invisible-fgColor-disabled: #bdc4cc;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #272b33;
   --button-invisible-bgColor-active: #525964;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #272b33;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
+    --button-invisible-borderColor-disabled: #272b33;
   --button-outline-fgColor-rest: #409eff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
@@ -582,7 +588,7 @@
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
-    --fgColor-disabled: #7a828e;
+    --fgColor-disabled: #bdc4cc;
   --fgColor-link-rest: #409eff;
   --fgColor-accent: #409eff;
   --fgColor-success: #26cd4d;
@@ -596,7 +602,7 @@
   --bgColor-default: #0a0c10;
   --bgColor-muted: #272b33;
   --bgColor-emphasis: #ffffff;
-    --bgColor-disabled: #7a828e;
+    --bgColor-disabled: #272b33;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b326;
   --bgColor-neutral-emphasis: #9ea7b3;
@@ -621,7 +627,7 @@
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
-    --borderColor-disabled: #7a828e;
+    --borderColor-disabled: #272b33;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css	2023-07-04 17:04:51.309975272 +0000
@@ -49,14 +49,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #484f58;
+  --control-bgColor-disabled: #161b22;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #484f58;
+  --control-fgColor-disabled: #8b949e;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #30363d;
+  --control-borderColor-disabled: #161b22;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #1f6feb;
 --control-borderColor-danger: #da3633;
@@ -77,26 +77,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #484f58;
+  --control-checked-bgColor-disabled: #8b949e;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #484f58;
+  --control-checked-borderColor-disabled: #8b949e;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #484f58;
+  --controlTrack-bgColor-disabled: #8b949e;
 --controlTrack-fgColor-rest: #7d8590;
 --controlTrack-fgColor-disabled: #7d8590;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #484f58;
+  --controlTrack-borderColor-disabled: #8b949e;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #484f58;
+  --controlKnob-bgColor-disabled: #161b22;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #484f58;
+  --controlKnob-borderColor-disabled: #161b22;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
+  --button-default-bgColor-disabled: #161b22;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
+  --button-default-borderColor-disabled: #161b22;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-default-shadow-inset: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
 --button-primary-bgColor-disabled: #5fabfe;
 --button-primary-borderColor-rest: #f0f6fc1a;
 --button-primary-borderColor-hover: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #5fabfe;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #2f81f7;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #484f58;
+  --button-invisible-fgColor-disabled: #8b949e;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #161b22;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #161b22;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #b62324;
 --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #21262d;
+  --button-danger-bgColor-disabled: #161b22;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #b62324;
 --button-danger-borderColor-active: #d03533;
@@ -184,7 +187,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #7d8590;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #484f58;
+  --fgColor-disabled: #8b949e;
 --fgColor-link-rest: #2f81f7;
 --fgColor-accent: #2f81f7;
 --fgColor-success: #58a6ff;
@@ -198,7 +201,7 @@
 --bgColor-default: #0d1117;
 --bgColor-muted: #161b22;
 --bgColor-emphasis: #6e7681;
-  --bgColor-disabled: #484f58;
+  --bgColor-disabled: #161b22;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768126;
 --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363d66;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #30363d;
+  --borderColor-disabled: #161b22;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #484f58;
+    --control-bgColor-disabled: #161b22;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #484f58;
+    --control-fgColor-disabled: #8b949e;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #30363d;
+    --control-borderColor-disabled: #161b22;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #da3633;
@@ -475,26 +478,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-bgColor-disabled: #8b949e;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #484f58;
+    --control-checked-borderColor-disabled: #8b949e;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
   --controlTrack-fgColor-disabled: #7d8590;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #484f58;
+    --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-disabled: #161b22;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-disabled: #161b22;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
+    --button-default-bgColor-disabled: #161b22;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
+    --button-default-borderColor-disabled: #161b22;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
   --button-primary-bgColor-disabled: #5fabfe;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #5fabfe;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #161b22;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #161b22;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-bgColor-disabled: #161b22;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #b62324;
   --button-danger-borderColor-active: #d03533;
@@ -582,7 +588,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #484f58;
+    --fgColor-disabled: #8b949e;
   --fgColor-link-rest: #2f81f7;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #58a6ff;
@@ -596,7 +602,7 @@
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
-    --bgColor-disabled: #484f58;
+    --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #30363d;
+    --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark.css	2023-07-04 17:04:50.197899941 +0000
@@ -49,14 +49,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #484f58;
+  --control-bgColor-disabled: #161b22;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #484f58;
+  --control-fgColor-disabled: #8b949e;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #30363d;
+  --control-borderColor-disabled: #161b22;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #238636;
 --control-borderColor-danger: #da3633;
@@ -77,26 +77,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #484f58;
+  --control-checked-bgColor-disabled: #8b949e;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #484f58;
+  --control-checked-borderColor-disabled: #8b949e;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #484f58;
+  --controlTrack-bgColor-disabled: #8b949e;
 --controlTrack-fgColor-rest: #7d8590;
 --controlTrack-fgColor-disabled: #7d8590;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #484f58;
+  --controlTrack-borderColor-disabled: #8b949e;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #484f58;
+  --controlKnob-bgColor-disabled: #161b22;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #484f58;
+  --controlKnob-borderColor-disabled: #161b22;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
+  --button-default-bgColor-disabled: #161b22;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
+  --button-default-borderColor-disabled: #161b22;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-default-shadow-inset: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
 --button-primary-bgColor-disabled: #46bf57;
 --button-primary-borderColor-rest: #f0f6fc1a;
 --button-primary-borderColor-hover: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #46bf57;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #2f81f7;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #484f58;
+  --button-invisible-fgColor-disabled: #8b949e;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #161b22;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #161b22;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #b62324;
 --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #21262d;
+  --button-danger-bgColor-disabled: #161b22;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #b62324;
 --button-danger-borderColor-active: #d03533;
@@ -184,7 +187,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #7d8590;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #484f58;
+  --fgColor-disabled: #8b949e;
 --fgColor-link-rest: #2f81f7;
 --fgColor-accent: #2f81f7;
 --fgColor-success: #3fb950;
@@ -198,7 +201,7 @@
 --bgColor-default: #0d1117;
 --bgColor-muted: #161b22;
 --bgColor-emphasis: #6e7681;
-  --bgColor-disabled: #484f58;
+  --bgColor-disabled: #161b22;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768126;
 --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363d66;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #30363d;
+  --borderColor-disabled: #161b22;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #484f58;
+    --control-bgColor-disabled: #161b22;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #484f58;
+    --control-fgColor-disabled: #8b949e;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #30363d;
+    --control-borderColor-disabled: #161b22;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #238636;
   --control-borderColor-danger: #da3633;
@@ -475,26 +478,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-bgColor-disabled: #8b949e;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #484f58;
+    --control-checked-borderColor-disabled: #8b949e;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
   --controlTrack-fgColor-disabled: #7d8590;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #484f58;
+    --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-disabled: #161b22;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-disabled: #161b22;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
+    --button-default-bgColor-disabled: #161b22;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
+    --button-default-borderColor-disabled: #161b22;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
   --button-primary-bgColor-disabled: #46bf57;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #46bf57;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #161b22;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #161b22;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-bgColor-disabled: #161b22;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #b62324;
   --button-danger-borderColor-active: #d03533;
@@ -582,7 +588,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #484f58;
+    --fgColor-disabled: #8b949e;
   --fgColor-link-rest: #2f81f7;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #3fb950;
@@ -596,7 +602,7 @@
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
-    --bgColor-disabled: #484f58;
+    --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #30363d;
+    --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-colorblind.css	2023-07-04 17:04:48.885811061 +0000
@@ -56,7 +56,7 @@
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #d0d7de;
+  --control-borderColor-disabled: #f6f8fa;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #218bff;
 --control-borderColor-danger: #bc4c00;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
+  --button-default-bgColor-disabled: #f6f8fa;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
+  --button-default-borderColor-disabled: #f6f8fa;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
 --button-primary-bgColor-disabled: #92caff;
 --button-primary-borderColor-rest: #1f232826;
 --button-primary-borderColor-hover: #1f232826;
-  --button-primary-borderColor-disabled: #1f232826;
+  --button-primary-borderColor-disabled: #92caff;
 --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
 --button-invisible-fgColor-rest: #0969da;
 --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
 --button-invisible-bgColor-disabled: #f6f8fa;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #f6f8fa;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7de66;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #d0d7de;
+  --borderColor-disabled: #f6f8fa;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #bc4c00;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
+    --button-default-bgColor-disabled: #f6f8fa;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
+    --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
   --button-primary-bgColor-disabled: #92caff;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #92caff;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
   --button-invisible-bgColor-disabled: #f6f8fa;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #f6f8fa;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #d0d7de;
+    --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css	2023-07-04 17:04:49.581858211 +0000
@@ -53,10 +53,10 @@
 --control-bgColor-selected: #acb6c0;
 --control-fgColor-rest: #0e1116;
 --control-fgColor-placeholder: #66707b;
-  --control-fgColor-disabled: #88929d;
+  --control-fgColor-disabled: #4b535d;
 --control-borderColor-rest: #20252c;
 --control-borderColor-emphasis: #20252c;
-  --control-borderColor-disabled: #20252c;
+  --control-borderColor-disabled: #e7ecf0;
 --control-borderColor-selected: #ffffff;
 --control-borderColor-success: #055d20;
 --control-borderColor-danger: #a0111f;
@@ -77,21 +77,21 @@
 --control-checked-bgColor-rest: #0349b4;
 --control-checked-bgColor-hover: #0344a8;
 --control-checked-bgColor-active: #033f9d;
-  --control-checked-bgColor-disabled: #88929d;
+  --control-checked-bgColor-disabled: #4b535d;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #ffffff;
 --control-checked-borderColor-rest: #0349b4;
 --control-checked-borderColor-hover: #0344a8;
 --control-checked-borderColor-active: #033f9d;
-  --control-checked-borderColor-disabled: #88929d;
+  --control-checked-borderColor-disabled: #4b535d;
 --controlTrack-bgColor-rest: #acb6c0;
 --controlTrack-bgColor-hover: #9ea8b2;
 --controlTrack-bgColor-active: #909aa4;
-  --controlTrack-bgColor-disabled: #88929d;
+  --controlTrack-bgColor-disabled: #4b535d;
 --controlTrack-fgColor-rest: #010409;
 --controlTrack-fgColor-disabled: #ffffff;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #88929d;
+  --controlTrack-borderColor-disabled: #4b535d;
 --controlKnob-bgColor-rest: #ffffff;
 --controlKnob-bgColor-disabled: #e7ecf0;
 --controlKnob-bgColor-checked: #ffffff;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #dbe1e6;
 --button-default-bgColor-active: #cfd6dd;
 --button-default-bgColor-selected: #cfd6dd;
+  --button-default-bgColor-disabled: #e7ecf0;
 --button-default-borderColor-rest: #20252c;
 --button-default-borderColor-hover: #20252c;
 --button-default-borderColor-active: #20252c;
+  --button-default-borderColor-disabled: #e7ecf0;
 --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
 --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
 --button-primary-bgColor-disabled: #85cb97;
 --button-primary-borderColor-rest: #013d14;
 --button-primary-borderColor-hover: #013d14;
-  --button-primary-borderColor-disabled: #013d14;
+  --button-primary-borderColor-disabled: #85cb97;
 --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
 --button-invisible-fgColor-rest: #023b95;
 --button-invisible-fgColor-hover: #023b95;
-  --button-invisible-fgColor-disabled: #88929d;
+  --button-invisible-fgColor-disabled: #4b535d;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #e7ecf0;
 --button-invisible-bgColor-active: #ced5dc;
 --button-invisible-bgColor-disabled: #e7ecf0;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #20252c;
+  --button-invisible-borderColor-disabled: #e7ecf0;
 --button-outline-fgColor-rest: #023b95;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -185,7 +188,7 @@
 --fgColor-default: #010409;
 --fgColor-muted: #0e1116;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #88929d;
+  --fgColor-disabled: #4b535d;
 --fgColor-link-rest: #023b95;
 --fgColor-accent: #023b95;
 --fgColor-success: #055d20;
@@ -224,7 +227,7 @@
 --borderColor-default: #20252c;
 --borderColor-muted: #88929d;
 --borderColor-emphasis: #66707b;
-  --borderColor-disabled: #20252c;
+  --borderColor-disabled: #e7ecf0;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #88929d;
 --borderColor-neutral-emphasis: #66707b;
@@ -451,10 +454,10 @@
   --control-bgColor-selected: #acb6c0;
   --control-fgColor-rest: #0e1116;
   --control-fgColor-placeholder: #66707b;
-    --control-fgColor-disabled: #88929d;
+    --control-fgColor-disabled: #4b535d;
   --control-borderColor-rest: #20252c;
   --control-borderColor-emphasis: #20252c;
-    --control-borderColor-disabled: #20252c;
+    --control-borderColor-disabled: #e7ecf0;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #055d20;
   --control-borderColor-danger: #a0111f;
@@ -475,21 +478,21 @@
   --control-checked-bgColor-rest: #0349b4;
   --control-checked-bgColor-hover: #0344a8;
   --control-checked-bgColor-active: #033f9d;
-    --control-checked-bgColor-disabled: #88929d;
+    --control-checked-bgColor-disabled: #4b535d;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0349b4;
   --control-checked-borderColor-hover: #0344a8;
   --control-checked-borderColor-active: #033f9d;
-    --control-checked-borderColor-disabled: #88929d;
+    --control-checked-borderColor-disabled: #4b535d;
   --controlTrack-bgColor-rest: #acb6c0;
   --controlTrack-bgColor-hover: #9ea8b2;
   --controlTrack-bgColor-active: #909aa4;
-    --controlTrack-bgColor-disabled: #88929d;
+    --controlTrack-bgColor-disabled: #4b535d;
   --controlTrack-fgColor-rest: #010409;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #88929d;
+    --controlTrack-borderColor-disabled: #4b535d;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #e7ecf0;
   --controlKnob-bgColor-checked: #ffffff;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #dbe1e6;
   --button-default-bgColor-active: #cfd6dd;
   --button-default-bgColor-selected: #cfd6dd;
+    --button-default-bgColor-disabled: #e7ecf0;
   --button-default-borderColor-rest: #20252c;
   --button-default-borderColor-hover: #20252c;
   --button-default-borderColor-active: #20252c;
+    --button-default-borderColor-disabled: #e7ecf0;
   --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
   --button-primary-bgColor-disabled: #85cb97;
   --button-primary-borderColor-rest: #013d14;
   --button-primary-borderColor-hover: #013d14;
-    --button-primary-borderColor-disabled: #013d14;
+    --button-primary-borderColor-disabled: #85cb97;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #023b95;
-    --button-invisible-fgColor-disabled: #88929d;
+    --button-invisible-fgColor-disabled: #4b535d;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #e7ecf0;
   --button-invisible-bgColor-active: #ced5dc;
   --button-invisible-bgColor-disabled: #e7ecf0;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #20252c;
+    --button-invisible-borderColor-disabled: #e7ecf0;
   --button-outline-fgColor-rest: #023b95;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -583,7 +589,7 @@
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #88929d;
+    --fgColor-disabled: #4b535d;
   --fgColor-link-rest: #023b95;
   --fgColor-accent: #023b95;
   --fgColor-success: #055d20;
@@ -622,7 +628,7 @@
   --borderColor-default: #20252c;
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
-    --borderColor-disabled: #20252c;
+    --borderColor-disabled: #e7ecf0;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css	2023-07-04 17:04:48.097757679 +0000
@@ -56,7 +56,7 @@
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #d0d7de;
+  --control-borderColor-disabled: #f6f8fa;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #218bff;
 --control-borderColor-danger: #cf222e;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
+  --button-default-bgColor-disabled: #f6f8fa;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
+  --button-default-borderColor-disabled: #f6f8fa;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
 --button-primary-bgColor-disabled: #92caff;
 --button-primary-borderColor-rest: #1f232826;
 --button-primary-borderColor-hover: #1f232826;
-  --button-primary-borderColor-disabled: #1f232826;
+  --button-primary-borderColor-disabled: #92caff;
 --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
 --button-invisible-fgColor-rest: #0969da;
 --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
 --button-invisible-bgColor-disabled: #f6f8fa;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #f6f8fa;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7de66;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #d0d7de;
+  --borderColor-disabled: #f6f8fa;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #cf222e;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
+    --button-default-bgColor-disabled: #f6f8fa;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
+    --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
   --button-primary-bgColor-disabled: #92caff;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #92caff;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
   --button-invisible-bgColor-disabled: #f6f8fa;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #f6f8fa;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #d0d7de;
+    --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light.css	2023-07-04 17:04:46.433644954 +0000
@@ -56,7 +56,7 @@
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #d0d7de;
+  --control-borderColor-disabled: #f6f8fa;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #2da44e;
 --control-borderColor-danger: #cf222e;
@@ -104,9 +104,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
+  --button-default-bgColor-disabled: #f6f8fa;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
+  --button-default-borderColor-disabled: #f6f8fa;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
 --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
 --button-primary-bgColor-disabled: #95d8a6;
 --button-primary-borderColor-rest: #1f232826;
 --button-primary-borderColor-hover: #1f232826;
-  --button-primary-borderColor-disabled: #1f232826;
+  --button-primary-borderColor-disabled: #95d8a6;
 --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
 --button-invisible-fgColor-rest: #0969da;
 --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
 --button-invisible-bgColor-disabled: #f6f8fa;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #f6f8fa;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7de66;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #d0d7de;
+  --borderColor-disabled: #f6f8fa;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #2da44e;
   --control-borderColor-danger: #cf222e;
@@ -502,9 +505,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
+    --button-default-bgColor-disabled: #f6f8fa;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
+    --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
   --button-primary-bgColor-disabled: #95d8a6;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #95d8a6;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
   --button-invisible-bgColor-disabled: #f6f8fa;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #f6f8fa;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #d0d7de;
+    --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;

update fg disabled color

876cc3c

langermank requested a review from a team as a code owner July 3, 2023 20:47

langermank requested review from a team, rezrah and joshblack July 3, 2023 20:47

Create eighty-cycles-invite.md

7fc50ee

github-actions bot temporarily deployed to storybook-preview July 3, 2023 20:50 Inactive

langermank temporarily deployed to github-pages July 3, 2023 20:50 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview July 3, 2023 20:51 Inactive

fix counter button fallbacks

bd51152

langermank temporarily deployed to github-pages July 3, 2023 21:37 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview July 3, 2023 21:37 Inactive

new disabled control design

1d80339

langermank changed the title ~~Fix disabled fg color for controls~~ Update disabled state colors for controls Jul 4, 2023

langermank deployed to github-pages July 4, 2023 17:06 — with GitHub Actions View deployment

github-actions bot temporarily deployed to storybook-preview July 4, 2023 17:06 Inactive

joshblack approved these changes Jul 6, 2023

View reviewed changes

langermank merged commit 41ff627 into main Jul 7, 2023

langermank deleted the disabled-fg-color-fix branch July 7, 2023 20:45

primer-css mentioned this pull request Jul 7, 2023

Release Tracking #668

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update disabled state colors for controls #674

Update disabled state colors for controls #674

langermank commented Jul 3, 2023 •

edited

Loading

changeset-bot bot commented Jul 3, 2023 •

edited

Loading

github-actions bot commented Jul 3, 2023 •

edited

Loading

github-actions bot commented Jul 3, 2023 •

edited

Loading

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

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

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

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

/css/functional/themes/dark.css

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

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

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

/css/functional/themes/light.css

Update disabled state colors for controls #674

Update disabled state colors for controls #674

Conversation

langermank commented Jul 3, 2023 • edited Loading

changeset-bot bot commented Jul 3, 2023 • edited Loading

🦋 Changeset detected

github-actions bot commented Jul 3, 2023 • edited Loading

github-actions bot commented Jul 3, 2023 • edited Loading

Design Token Diff

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

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

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

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

/css/functional/themes/dark.css

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

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

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

/css/functional/themes/light.css

langermank commented Jul 3, 2023 •

edited

Loading

changeset-bot bot commented Jul 3, 2023 •

edited

Loading

github-actions bot commented Jul 3, 2023 •

edited

Loading

github-actions bot commented Jul 3, 2023 •

edited

Loading