@primer/primitives 7.11.14-rc.b3b7ee0 → 7.11.14

package/tokens-next-private/docs/functional/themes/light.json

@@ -775,7 +775,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#d0d7de",
+    "value": "#f6f8fa",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -853,12 +853,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1452,6 +1452,19 @@
     "attributes": {},
     "path": ["button", "default", "bgColor", "selected"]
   },
+  "button-default-bgColor-disabled": {
+    "value": "#f6f8fa",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.bgColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-bgColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "bgColor", "disabled"]
+  },
   "button-default-borderColor-rest": {
     "value": "#d0d7de",
     "$type": "color",
@@ -1491,6 +1504,19 @@
     "attributes": {},
     "path": ["button", "default", "borderColor", "active"]
   },
+  "button-default-borderColor-disabled": {
+    "value": "#f6f8fa",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-default-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "borderColor", "disabled"]
+  },
   "button-default-shadow-resting": {
     "value": "0px 1px 0px 0px #1f23280a",
     "$type": "shadow",
@@ -1683,12 +1709,12 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#1f232826",
+    "value": "#95d8a6",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{button.primary.borderColor.rest}",
+      "value": "{button.primary.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
@@ -1758,7 +1784,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1802,7 +1828,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.transparent.bgColor.disabled}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color"
     },
     "name": "button-invisible-bgColor-disabled",
@@ -1810,7 +1836,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1823,7 +1849,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1835,6 +1861,19 @@
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "hover"]
   },
+  "button-invisible-borderColor-disabled": {
+    "value": "#f6f8fa",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.borderColor.disabled}",
+      "$type": "color"
+    },
+    "name": "button-invisible-borderColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "borderColor", "disabled"]
+  },
   "button-outline-fgColor-rest": {
     "value": "#0969da",
     "$type": "color",
@@ -3175,12 +3214,12 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#d0d7de",
+    "value": "#f6f8fa",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{bgColor.disabled}",
       "$type": "color"
     },
     "name": "borderColor-disabled",

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -48,7 +48,7 @@
   "--control-bgColor-rest": "var(--color-btn-bg)",
   "--control-bgColor-hover": "var(--color-btn-hover-bg)",
   "--control-bgColor-active": "var(--color-btn-selected-bg)",
-  "--control-bgColor-disabled": "var(--color-btn-bg)",
+  "--control-bgColor-disabled": "var(--color-input-disabled-bg)",
   "--control-bgColor-selected": "var(--color-btn-selected-bg)",
   "--control-fgColor-rest": "var(--color-fg-default)",
   "--control-fgColor-placeholder": "var(--color-fg-subtle)",
@@ -158,15 +158,15 @@
   "--buttonCounter-outline-bgColor-rest": "var(--color-btn-outline-counter-bg)",
   "--buttonCounter-outline-bgColor-hover": "var(--color-btn-outline-hover-counter-bg)",
   "--buttonCounter-outline-bgColor-disabled": "var(--color-btn-outline-disabled-counter-bg)",
-  "--buttonCounter-outline-fgColor-rest": "var(--btn-outline-counterFg)",
-  "--buttonCounter-outline-fgColor-hover": "var(--btn-outline-hoverCounterFg)",
-  "--buttonCounter-outline-fgColor-disabled": "var(--btn-outline-disabledCounterFg)",
+  "--buttonCounter-outline-fgColor-rest": "var(--color-btn-outline-counter-fg)",
+  "--buttonCounter-outline-fgColor-hover": "var(--color-btn-outline-hover-counter-fg)",
+  "--buttonCounter-outline-fgColor-disabled": "var(--color-btn-outline-disabled-counter-fg)",
   "--buttonCounter-danger-bgColor-hover": "var(--color-btn-danger-hover-counter-bg)",
   "--buttonCounter-danger-bgColor-disabled": "var(--color-btn-danger-disabled-counter-bg)",
   "--buttonCounter-danger-bgColor-rest": "var(--color-btn-danger-counter-bg)",
-  "--buttonCounter-danger-fgColor-rest": "var(--btn-danger-counterFg)",
-  "--buttonCounter-danger-fgColor-hover": "var(--btn-danger-hoverCounterFg)",
-  "--buttonCounter-danger-fgColor-disabled": "var(--btn-danger-disabledCounterFg)",
+  "--buttonCounter-danger-fgColor-rest": "var(--color-btn-danger-counter-fg)",
+  "--buttonCounter-danger-fgColor-hover": "var(--color-btn-danger-hover-counter-fg)",
+  "--buttonCounter-danger-fgColor-disabled": "var(--color-btn-danger-disabled-counter-fg)",
   "--focus-outlineColor": "var(--color-accent-fg)",
   "--focus-outline": "var(--color-accent-fg solid 2px)",
   "--menu-bgColor-active": "var(--color-menu-bg-active)",

package/tokens-next-private/fallbacks/functional/size/border.json

@@ -8,7 +8,7 @@
   "--borderRadius-small": "3px",
   "--borderRadius-medium": "6px",
   "--borderRadius-large": "12px",
-  "--borderRadius-full": "100vh",
+  "--borderRadius-full": "9999px",
   "--outline-focus-offset": "-0.125rem",
   "--outline-focus-width": "0.125rem"
 }

package/tokens-next-private/scss/functional/size/border.scss

@@ -9,7 +9,7 @@
     --borderRadius-small: 3px;
     --borderRadius-medium: 6px;
     --borderRadius-large: 12px;
-    --borderRadius-full: 100vh;
+    --borderRadius-full: 9999px;
     --outline-focus-offset: -0.125rem;
     --outline-focus-width: 0.125rem;
   }

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

@@ -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;

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

@@ -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;

package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss

@@ -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;