Skip to content

A few little color bugs #1234

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 2 commits into from
Jul 2, 2025
Merged

A few little color bugs #1234

merged 2 commits into from
Jul 2, 2025

Conversation

langermank
Copy link
Contributor

@Copilot Copilot AI review requested due to automatic review settings July 2, 2025 19:08
@langermank langermank requested review from a team as code owners July 2, 2025 19:08
@langermank langermank requested a review from jonrohan July 2, 2025 19:08
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Jul 2, 2025

⚠️ No Changeset found

Latest commit: b59ece3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Jul 2, 2025 •
edited
Loading

Design Token Diff (CSS)

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2025-07-02 19:10:17.614494351 +0000
@@ -157,7 +157,7 @@
 --control-transparent-bgColor-active: #656c7640;
 --control-transparent-bgColor-hover: #656c7633;
 --control-transparent-bgColor-rest: #00000000;
-  --control-transparent-bgColor-selected: #656c761a;
+  --control-transparent-bgColor-selected: #656c7633;
 --control-transparent-borderColor-active: #00000000;
 --control-transparent-borderColor-hover: #00000000;
 --control-transparent-borderColor-rest: #00000000;
@@ -495,7 +495,7 @@
 --fgColor-attention: #d29922;
 --fgColor-danger: #f0883e;
 --fgColor-default: #f0f6fc;
-  --fgColor-disabled: #656c7699;
+  --fgColor-disabled: #656c76;
 --fgColor-done: #ab7df8;
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
@@ -985,7 +985,7 @@
   --control-transparent-bgColor-active: #656c7640;
   --control-transparent-bgColor-hover: #656c7633;
   --control-transparent-bgColor-rest: #00000000;
-    --control-transparent-bgColor-selected: #656c761a;
+    --control-transparent-bgColor-selected: #656c7633;
   --control-transparent-borderColor-active: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-rest: #00000000;
@@ -1323,7 +1323,7 @@
   --fgColor-attention: #d29922;
   --fgColor-danger: #f0883e;
   --fgColor-default: #f0f6fc;
-    --fgColor-disabled: #656c7699;
+    --fgColor-disabled: #656c76;
   --fgColor-done: #ab7df8;
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2025-07-02 19:10:14.337474607 +0000
@@ -161,7 +161,7 @@
 --control-transparent-bgColor-active: #656c7640;
 --control-transparent-bgColor-hover: #656c7633;
 --control-transparent-bgColor-rest: #00000000;
-  --control-transparent-bgColor-selected: #656c761a;
+  --control-transparent-bgColor-selected: #656c7633;
 --control-transparent-borderColor-active: #00000000;
 --control-transparent-borderColor-hover: #00000000;
 --control-transparent-borderColor-rest: #00000000;
@@ -498,7 +498,7 @@
 --fgColor-attention: #d29922;
 --fgColor-danger: #f85149;
 --fgColor-default: #f0f6fc;
-  --fgColor-disabled: #656c7699;
+  --fgColor-disabled: #656c76;
 --fgColor-done: #ab7df8;
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
@@ -989,7 +989,7 @@
   --control-transparent-bgColor-active: #656c7640;
   --control-transparent-bgColor-hover: #656c7633;
   --control-transparent-bgColor-rest: #00000000;
-    --control-transparent-bgColor-selected: #656c761a;
+    --control-transparent-bgColor-selected: #656c7633;
   --control-transparent-borderColor-active: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-rest: #00000000;
@@ -1326,7 +1326,7 @@
   --fgColor-attention: #d29922;
   --fgColor-danger: #f85149;
   --fgColor-default: #f0f6fc;
-    --fgColor-disabled: #656c7699;
+    --fgColor-disabled: #656c76;
   --fgColor-done: #ab7df8;
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;

/css/functional/themes/dark.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2025-07-02 19:10:09.429450626 +0000
@@ -155,7 +155,7 @@
 --control-transparent-bgColor-active: #656c7640;
 --control-transparent-bgColor-hover: #656c7633;
 --control-transparent-bgColor-rest: #00000000;
-  --control-transparent-bgColor-selected: #656c761a;
+  --control-transparent-bgColor-selected: #656c7633;
 --control-transparent-borderColor-active: #00000000;
 --control-transparent-borderColor-hover: #00000000;
 --control-transparent-borderColor-rest: #00000000;
@@ -490,7 +490,7 @@
 --fgColor-attention: #d29922;
 --fgColor-danger: #f85149;
 --fgColor-default: #f0f6fc;
-  --fgColor-disabled: #656c7699;
+  --fgColor-disabled: #656c76;
 --fgColor-done: #ab7df8;
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
@@ -983,7 +983,7 @@
   --control-transparent-bgColor-active: #656c7640;
   --control-transparent-bgColor-hover: #656c7633;
   --control-transparent-bgColor-rest: #00000000;
-    --control-transparent-bgColor-selected: #656c761a;
+    --control-transparent-bgColor-selected: #656c7633;
   --control-transparent-borderColor-active: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-rest: #00000000;
@@ -1318,7 +1318,7 @@
   --fgColor-attention: #d29922;
   --fgColor-danger: #f85149;
   --fgColor-default: #f0f6fc;
-    --fgColor-disabled: #656c7699;
+    --fgColor-disabled: #656c76;
   --fgColor-done: #ab7df8;
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Jul 2, 2025 •
edited
Loading

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json	2025-07-02 19:10:19.235505421 +0000
@@ -16371,7 +16371,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16449,7 +16449,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35044,7 +35044,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35073,7 +35072,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2025-07-02 19:10:17.615494358 +0000
@@ -7226,7 +7226,7 @@
 },
 "button-invisible-fgColor-disabled": {
   "key": "{button.invisible.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7236,7 +7236,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -7397,7 +7397,7 @@
 },
 "button-invisible-iconColor-disabled": {
   "key": "{button.invisible.iconColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7407,7 +7407,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -14653,7 +14653,7 @@
 },
 "control-checked-bgColor-disabled": {
   "key": "{control.checked.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14662,7 +14662,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -14985,7 +14985,7 @@
 },
 "control-checked-borderColor-disabled": {
   "key": "{control.checked.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14994,7 +14994,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -15738,7 +15738,7 @@
 },
 "control-fgColor-disabled": {
   "key": "{control.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -15747,7 +15747,7 @@
       "scopes": ["fgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -16354,7 +16354,7 @@
 },
 "control-transparent-bgColor-selected": {
   "key": "{control.transparent.bgColor.selected}",
-    "$value": "#656c761a",
+    "$value": "#656c7633",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -16365,7 +16365,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16428,7 +16428,7 @@
       }
     }
   },
-    "alpha": 0.1,
+    "alpha": 0.2,
   "filePath": "src/tokens/functional/color/control.json5",
   "isSource": true,
   "original": {
@@ -16443,7 +16443,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -16506,7 +16506,7 @@
         }
       }
     },
-      "alpha": 0.1,
+      "alpha": 0.2,
     "key": "{control.transparent.bgColor.selected}"
   },
   "name": "control-transparent-bgColor-selected",
@@ -17141,7 +17141,7 @@
 },
 "controlTrack-bgColor-disabled": {
   "key": "{controlTrack.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17150,7 +17150,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -17438,7 +17438,7 @@
 },
 "controlTrack-borderColor-disabled": {
   "key": "{controlTrack.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17447,7 +17447,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -35029,7 +35029,7 @@
 },
 "fgColor-disabled": {
   "key": "{fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -35040,7 +35040,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35057,7 +35056,6 @@
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
-    "alpha": 0.6,
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
@@ -35070,7 +35068,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"
@@ -35085,7 +35082,6 @@
         "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}"
       }
     },
-      "alpha": 0.6,
     "key": "{fgColor.disabled}"
   },
   "name": "fgColor-disabled",

/styleLint/functional/themes/dark-dimmed-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json	2025-07-02 19:10:12.669476794 +0000
@@ -16365,7 +16365,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16443,7 +16443,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35038,7 +35038,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35067,7 +35066,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/dark-dimmed.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2025-07-02 19:10:11.082463977 +0000
@@ -16361,7 +16361,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16439,7 +16439,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35034,7 +35034,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35063,7 +35062,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2025-07-02 19:10:20.874516574 +0000
@@ -16369,7 +16369,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16447,7 +16447,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35044,7 +35044,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35073,7 +35072,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/dark-tritanopia-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json	2025-07-02 19:10:15.959483048 +0000
@@ -16371,7 +16371,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16449,7 +16449,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35042,7 +35042,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35071,7 +35070,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2025-07-02 19:10:14.338474605 +0000
@@ -7226,7 +7226,7 @@
 },
 "button-invisible-fgColor-disabled": {
   "key": "{button.invisible.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7236,7 +7236,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -7397,7 +7397,7 @@
 },
 "button-invisible-iconColor-disabled": {
   "key": "{button.invisible.iconColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7407,7 +7407,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -14653,7 +14653,7 @@
 },
 "control-checked-bgColor-disabled": {
   "key": "{control.checked.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14662,7 +14662,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -14985,7 +14985,7 @@
 },
 "control-checked-borderColor-disabled": {
   "key": "{control.checked.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14994,7 +14994,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -15738,7 +15738,7 @@
 },
 "control-fgColor-disabled": {
   "key": "{control.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -15747,7 +15747,7 @@
       "scopes": ["fgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -16354,7 +16354,7 @@
 },
 "control-transparent-bgColor-selected": {
   "key": "{control.transparent.bgColor.selected}",
-    "$value": "#656c761a",
+    "$value": "#656c7633",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -16365,7 +16365,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16428,7 +16428,7 @@
       }
     }
   },
-    "alpha": 0.1,
+    "alpha": 0.2,
   "filePath": "src/tokens/functional/color/control.json5",
   "isSource": true,
   "original": {
@@ -16443,7 +16443,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -16506,7 +16506,7 @@
         }
       }
     },
-      "alpha": 0.1,
+      "alpha": 0.2,
     "key": "{control.transparent.bgColor.selected}"
   },
   "name": "control-transparent-bgColor-selected",
@@ -17141,7 +17141,7 @@
 },
 "controlTrack-bgColor-disabled": {
   "key": "{controlTrack.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17150,7 +17150,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -17438,7 +17438,7 @@
 },
 "controlTrack-borderColor-disabled": {
   "key": "{controlTrack.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17447,7 +17447,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -35027,7 +35027,7 @@
 },
 "fgColor-disabled": {
   "key": "{fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -35038,7 +35038,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35055,7 +35054,6 @@
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
-    "alpha": 0.6,
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
@@ -35068,7 +35066,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"
@@ -35083,7 +35080,6 @@
         "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}"
       }
     },
-      "alpha": 0.6,
     "key": "{fgColor.disabled}"
   },
   "name": "fgColor-disabled",

/styleLint/functional/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2025-07-02 19:10:09.431450643 +0000
@@ -7218,7 +7218,7 @@
 },
 "button-invisible-fgColor-disabled": {
   "key": "{button.invisible.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7228,7 +7228,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -7389,7 +7389,7 @@
 },
 "button-invisible-iconColor-disabled": {
   "key": "{button.invisible.iconColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -7399,7 +7399,7 @@
     },
     "org.primer.overrides": {
       "dark": {
-          "$value": "#656c7699",
+          "$value": "#656c76",
         "filePath": "src/tokens/component/button.json5",
         "isSource": true,
         "$type": "color"
@@ -14645,7 +14645,7 @@
 },
 "control-checked-bgColor-disabled": {
   "key": "{control.checked.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14654,7 +14654,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -14977,7 +14977,7 @@
 },
 "control-checked-borderColor-disabled": {
   "key": "{control.checked.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -14986,7 +14986,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -15730,7 +15730,7 @@
 },
 "control-fgColor-disabled": {
   "key": "{control.fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -15739,7 +15739,7 @@
       "scopes": ["fgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -16346,7 +16346,7 @@
 },
 "control-transparent-bgColor-selected": {
   "key": "{control.transparent.bgColor.selected}",
-    "$value": "#656c761a",
+    "$value": "#656c7633",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -16357,7 +16357,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16420,7 +16420,7 @@
       }
     }
   },
-    "alpha": 0.1,
+    "alpha": 0.2,
   "filePath": "src/tokens/functional/color/control.json5",
   "isSource": true,
   "original": {
@@ -16435,7 +16435,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -16498,7 +16498,7 @@
         }
       }
     },
-      "alpha": 0.1,
+      "alpha": 0.2,
     "key": "{control.transparent.bgColor.selected}"
   },
   "name": "control-transparent-bgColor-selected",
@@ -17133,7 +17133,7 @@
 },
 "controlTrack-bgColor-disabled": {
   "key": "{controlTrack.bgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17142,7 +17142,7 @@
       "scopes": ["bgColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -17430,7 +17430,7 @@
 },
 "controlTrack-borderColor-disabled": {
   "key": "{controlTrack.borderColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -17439,7 +17439,7 @@
       "scopes": ["borderColor"]
     },
     "org.primer.overrides": {
-        "dark": "#656c7699"
+        "dark": "#656c76"
     }
   },
   "filePath": "src/tokens/functional/color/control.json5",
@@ -35019,7 +35019,7 @@
 },
 "fgColor-disabled": {
   "key": "{fgColor.disabled}",
-    "$value": "#656c7699",
+    "$value": "#656c76",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -35030,7 +35030,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#656c76",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35047,7 +35046,6 @@
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
-    "alpha": 0.6,
   "original": {
     "$value": "{base.color.neutral.8}",
     "$type": "color",
@@ -35060,7 +35058,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"
@@ -35075,7 +35072,6 @@
         "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}"
       }
     },
-      "alpha": 0.6,
     "key": "{fgColor.disabled}"
   },
   "name": "fgColor-disabled",

/styleLint/functional/themes/light-colorblind-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind-high-contrast.json	2025-07-02 19:10:06.117423878 +0000
@@ -16349,7 +16349,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16427,7 +16427,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35012,7 +35012,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35041,7 +35040,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2025-07-02 19:10:04.388481119 +0000
@@ -16347,7 +16347,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16425,7 +16425,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35010,7 +35010,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35039,7 +35038,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2025-07-02 19:10:07.790437389 +0000
@@ -16345,7 +16345,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16423,7 +16423,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35008,7 +35008,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35037,7 +35036,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/light-tritanopia-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json	2025-07-02 19:10:02.690453658 +0000
@@ -16349,7 +16349,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16427,7 +16427,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35012,7 +35012,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35041,7 +35040,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2025-07-02 19:10:01.105428025 +0000
@@ -16347,7 +16347,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16425,7 +16425,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35010,7 +35010,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35039,7 +35038,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

/styleLint/functional/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2025-07-02 19:09:59.381400145 +0000
@@ -16343,7 +16343,7 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.1,
+          "alpha": 0.2,
         "filePath": "src/tokens/functional/color/control.json5",
         "isSource": true,
         "$type": "color"
@@ -16421,7 +16421,7 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.1,
+            "alpha": 0.2,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -35006,7 +35006,6 @@
     "org.primer.overrides": {
       "dark": {
         "$value": "#818b98",
-          "alpha": 0.6,
         "filePath": "src/tokens/functional/color/fgColor.json5",
         "isSource": true,
         "$type": "color"
@@ -35035,7 +35034,6 @@
       "org.primer.overrides": {
         "dark": {
           "$value": "{base.color.neutral.8}",
-            "alpha": 0.6,
           "filePath": "src/tokens/functional/color/fgColor.json5",
           "isSource": true,
           "$type": "color"

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Jul 2, 2025 •
edited
Loading

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2025-07-02 19:10:28.412565375 +0000
@@ -2140,7 +2140,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -2350,10 +2350,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.1
+      "a": 0.2
   },
   "type": "COLOR",
-    "alpha": 0.1,
+    "alpha": 0.2,
   "refId": "mode/control/transparent/bgColor/selected",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -2526,7 +2526,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -2622,7 +2622,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -2686,7 +2686,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -2750,7 +2750,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -8071,10 +8071,9 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
-    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -9660,7 +9659,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -9708,7 +9707,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",

/figma/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2025-07-02 19:10:27.690560701 +0000
@@ -2139,7 +2139,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -2349,10 +2349,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.1
+      "a": 0.2
   },
   "type": "COLOR",
-    "alpha": 0.1,
+    "alpha": 0.2,
   "refId": "mode/control/transparent/bgColor/selected",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -2525,7 +2525,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -2621,7 +2621,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -2685,7 +2685,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -2749,7 +2749,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -8070,10 +8070,9 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
-    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -9658,7 +9657,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -9706,7 +9705,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",

/figma/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2025-07-02 19:10:26.577553495 +0000
@@ -2136,7 +2136,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/fgColor/disabled",
@@ -2346,10 +2346,10 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.1
+      "a": 0.2
   },
   "type": "COLOR",
-    "alpha": 0.1,
+    "alpha": 0.2,
   "refId": "mode/control/transparent/bgColor/selected",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -2522,7 +2522,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/bgColor/disabled",
@@ -2618,7 +2618,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/control/checked/borderColor/disabled",
@@ -2682,7 +2682,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/bgColor/disabled",
@@ -2746,7 +2746,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/controlTrack/borderColor/disabled",
@@ -8067,10 +8067,9 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
-    "alpha": 0.6,
   "refId": "mode/fgColor/disabled",
   "reference": "base/color/dark/base/color/neutral/8",
   "collection": "mode",
@@ -9655,7 +9654,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/fgColor/disabled",
@@ -9703,7 +9702,7 @@
     "r": 0.396078431372549,
     "g": 0.4235294117647059,
     "b": 0.4627450980392157,
-      "a": 0.6
+      "a": 1
   },
   "type": "COLOR",
   "refId": "mode/button/invisible/iconColor/disabled",

@github-actions github-actions bot temporarily deployed to Preview (Storybook) July 2, 2025 19:10 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) July 2, 2025 19:11 Inactive
@langermank langermank added the update snapshots Update visual regression test snapshots label Jul 2, 2025
Copilot
Copilot AI reviewed Jul 2, 2025
View reviewed changes
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

@github-actions github-actions bot removed the update snapshots Update visual regression test snapshots label Jul 2, 2025
@langermank langermank added the update snapshots Update visual regression test snapshots label Jul 2, 2025
@github-actions github-actions bot removed the update snapshots Update visual regression test snapshots label Jul 2, 2025
@langermank langermank merged commit efaa46c into main Jul 2, 2025
45 of 49 checks passed
@langermank langermank deleted the color-bugs-2 branch July 2, 2025 22:09
@primer primer bot mentioned this pull request Jul 2, 2025
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

Copilot code review Copilot Copilot left review comments

@jonrohan jonrohan jonrohan approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@langermank @jonrohan