Fixed issues in a11y themes #1154

lukasoppermann · 2025-01-16T13:22:42Z

Summary

This is the implementation of the fix for https://github.com/github/primer/issues/4667

Discussion point

As one can see in the screenshots below, while blue may "feel" more fitting for "open", it contrasts a lot worse with other colors like "done" (purple).

I believe this is why the theme originally used red instead of blue (light mode was like this, dark mode had a bug which is why it never showed up as red).

Possible solutions

Keep it as is and accept that this is hard to differentiate for folks
Change to where open is red (tritanopia) and orange (colorblind)
Change to where done / merged is red (tritanopia) and orange (colorblind)

Changes

add overwrite for borderColor-closed-muted in Dark Protanopia
set open colors to reference success colors for Dark and Light Tritanopia

Role	Before	After
`open`
`closed`

GitHub UI

Light Tritanopia

State	Screenshot
Before
After
After with sim
After (sim Tritanomaly)

Dark Tritanopia

State	Screenshot
Before
Before (sim)
After
After (sim)
After (sim Tritanomaly)

Light Protanopia & Deuteranopia

State	Screenshot
Before
Before (sim protanomaly)
Before (sim deuteranomaly)
After
After (sim protanopia)
After (sim protanomaly)
After (sim deuteranopia)
After (sim deuteranomaly)

Dark Protanopia & Deuteranopia

State	Screenshot
Before
Before (sim protanomaly)
Before (sim deuteranomaly)
After
After (sim protanopia)
After (sim protanomaly)
After (sim deuteranopia)
After (sim deuteranomaly)

changeset-bot · 2025-01-16T13:22:46Z

🦋 Changeset detected

Latest commit: 6cca25b

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 · 2025-01-16T13:24:24Z

Design Token Diff (CSS)

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2025-01-17 11:56:20.263624431 +0000
@@ -280,7 +280,6 @@
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
 --fgColor-neutral: #9198a1;
-  --fgColor-open: #58a6ff;
 --fgColor-severe: #db6d28;
 --fgColor-sponsors: #db61a2;
 --fgColor-success: #58a6ff;
@@ -444,7 +443,7 @@
 --border-success-muted: 0.0625rem solid #388bfd66;
 --border-transparent: 0.0625rem solid #00000000;
 --borderColor-closed-emphasis: var(--borderColor-emphasis);
-  --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-closed-muted: #3d444d66;
 --borderColor-muted: #3d444db3;
 --borderColor-neutral-emphasis: var(--borderColor-emphasis);
 --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -536,6 +535,7 @@
 --fgColor-closed: var(--fgColor-muted);
 --fgColor-onEmphasis: #ffffff;
 --fgColor-onInverse: #010409;
+  --fgColor-open: var(--fgColor-success);
 --fgColor-upsell: var(--fgColor-done);
 --fgColor-white: #ffffff;
 --focus-outlineColor: var(--borderColor-accent-emphasis);
@@ -886,7 +886,6 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;
   --fgColor-neutral: #9198a1;
-    --fgColor-open: #58a6ff;
   --fgColor-severe: #db6d28;
   --fgColor-sponsors: #db61a2;
   --fgColor-success: #58a6ff;
@@ -1050,7 +1049,7 @@
   --border-success-muted: 0.0625rem solid #388bfd66;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
-    --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-closed-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -1142,6 +1141,7 @@
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-onEmphasis: #ffffff;
   --fgColor-onInverse: #010409;
+    --fgColor-open: var(--fgColor-success);
   --fgColor-upsell: var(--fgColor-done);
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2025-01-17 11:56:19.093619224 +0000
@@ -36,8 +36,6 @@
 --bgColor-muted: #151b23;
 --bgColor-neutral-emphasis: #656c76;
 --bgColor-neutral-muted: #656c7633;
-  --bgColor-open-emphasis: #da3633;
-  --bgColor-open-muted: #f851491a;
 --bgColor-severe-emphasis: #da3633;
 --bgColor-severe-muted: #f851491a;
 --bgColor-sponsors-emphasis: #bf4b8a;
@@ -55,8 +53,6 @@
 --borderColor-done-emphasis: #8957e5;
 --borderColor-done-muted: #ab7df866;
 --borderColor-emphasis: #656c76;
-  --borderColor-open-emphasis: #da3633;
-  --borderColor-open-muted: #f8514966;
 --borderColor-severe-emphasis: #da3633;
 --borderColor-severe-muted: #f8514966;
 --borderColor-sponsors-emphasis: #bf4b8a;
@@ -286,7 +282,6 @@
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
 --fgColor-neutral: #9198a1;
-  --fgColor-open: #f85149;
 --fgColor-severe: #f85149;
 --fgColor-sponsors: #db61a2;
 --fgColor-success: #58a6ff;
@@ -426,6 +421,8 @@
 --bgColor-closed-muted: #656c761a;
 --bgColor-inset: #010409;
 --bgColor-inverse: #ffffff;
+  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
+  --bgColor-open-muted: var(--bgColor-success-muted);
 --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
 --bgColor-upsell-muted: var(--bgColor-done-muted);
 --bgColor-white: #ffffff;
@@ -451,6 +448,8 @@
 --borderColor-closed-muted: #3d444d66;
 --borderColor-muted: #3d444db3;
 --borderColor-neutral-emphasis: var(--borderColor-emphasis);
+  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
+  --borderColor-open-muted: var(--borderColor-success-muted);
 --borderColor-translucent: #ffffff26;
 --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
 --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -537,6 +536,7 @@
 --fgColor-closed: var(--fgColor-muted);
 --fgColor-onEmphasis: #ffffff;
 --fgColor-onInverse: #010409;
+  --fgColor-open: var(--fgColor-success);
 --fgColor-upsell: var(--fgColor-done);
 --fgColor-white: #ffffff;
 --focus-outlineColor: var(--borderColor-accent-emphasis);
@@ -642,8 +642,6 @@
   --bgColor-muted: #151b23;
   --bgColor-neutral-emphasis: #656c76;
   --bgColor-neutral-muted: #656c7633;
-    --bgColor-open-emphasis: #da3633;
-    --bgColor-open-muted: #f851491a;
   --bgColor-severe-emphasis: #da3633;
   --bgColor-severe-muted: #f851491a;
   --bgColor-sponsors-emphasis: #bf4b8a;
@@ -661,8 +659,6 @@
   --borderColor-done-emphasis: #8957e5;
   --borderColor-done-muted: #ab7df866;
   --borderColor-emphasis: #656c76;
-    --borderColor-open-emphasis: #da3633;
-    --borderColor-open-muted: #f8514966;
   --borderColor-severe-emphasis: #da3633;
   --borderColor-severe-muted: #f8514966;
   --borderColor-sponsors-emphasis: #bf4b8a;
@@ -892,7 +888,6 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;
   --fgColor-neutral: #9198a1;
-    --fgColor-open: #f85149;
   --fgColor-severe: #f85149;
   --fgColor-sponsors: #db61a2;
   --fgColor-success: #58a6ff;
@@ -1032,6 +1027,8 @@
   --bgColor-closed-muted: #656c761a;
   --bgColor-inset: #010409;
   --bgColor-inverse: #ffffff;
+    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
+    --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
   --bgColor-white: #ffffff;
@@ -1057,6 +1054,8 @@
   --borderColor-closed-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
+    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
+    --borderColor-open-muted: var(--borderColor-success-muted);
   --borderColor-translucent: #ffffff26;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -1143,6 +1142,7 @@
   --fgColor-closed: var(--fgColor-muted);
   --fgColor-onEmphasis: #ffffff;
   --fgColor-onInverse: #010409;
+    --fgColor-open: var(--fgColor-success);
   --fgColor-upsell: var(--fgColor-done);
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2025-01-17 11:56:14.706599698 +0000
@@ -262,7 +262,6 @@
 --fgColor-done: #8250df;
 --fgColor-muted: #59636e;
 --fgColor-neutral: #59636e;
-  --fgColor-open: #0969da;
 --fgColor-severe: #bc4c00;
 --fgColor-sponsors: #bf3989;
 --fgColor-success: #0969da;
@@ -526,6 +525,7 @@
 --fgColor-link: var(--fgColor-accent);
 --fgColor-onEmphasis: #ffffff;
 --fgColor-onInverse: #ffffff;
+  --fgColor-open: var(--fgColor-success);
 --fgColor-upsell: var(--fgColor-done);
 --fgColor-white: #ffffff;
 --focus-outlineColor: var(--borderColor-accent-emphasis);
@@ -868,7 +868,6 @@
   --fgColor-done: #8250df;
   --fgColor-muted: #59636e;
   --fgColor-neutral: #59636e;
-    --fgColor-open: #0969da;
   --fgColor-severe: #bc4c00;
   --fgColor-sponsors: #bf3989;
   --fgColor-success: #0969da;
@@ -1132,6 +1131,7 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: #ffffff;
   --fgColor-onInverse: #ffffff;
+    --fgColor-open: var(--fgColor-success);
   --fgColor-upsell: var(--fgColor-done);
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2025-01-17 11:56:13.632594967 +0000
@@ -30,8 +30,6 @@
 --bgColor-muted: #f6f8fa;
 --bgColor-neutral-emphasis: #59636e;
 --bgColor-neutral-muted: #818b981f;
-  --bgColor-open-emphasis: #cf222e;
-  --bgColor-open-muted: #ffebe9;
 --bgColor-severe-emphasis: #cf222e;
 --bgColor-severe-muted: #ffebe9;
 --bgColor-sponsors-emphasis: #bf3989;
@@ -51,8 +49,6 @@
 --borderColor-done-muted: #c297ff66;
 --borderColor-emphasis: #818b98;
 --borderColor-neutral-emphasis: #59636e;
-  --borderColor-open-emphasis: #cf222e;
-  --borderColor-open-muted: #ff818266;
 --borderColor-severe-emphasis: #cf222e;
 --borderColor-severe-muted: #ff818266;
 --borderColor-sponsors-emphasis: #bf3989;
@@ -272,7 +268,6 @@
 --fgColor-done: #8250df;
 --fgColor-muted: #59636e;
 --fgColor-neutral: #59636e;
-  --fgColor-open: #cf222e;
 --fgColor-severe: #cf222e;
 --fgColor-sponsors: #bf3989;
 --fgColor-success: #0969da;
@@ -414,6 +409,8 @@
 --bgColor-closed-muted: var(--bgColor-neutral-muted);
 --bgColor-default: #ffffff;
 --bgColor-inset: var(--bgColor-muted);
+  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
+  --bgColor-open-muted: var(--bgColor-success-muted);
 --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
 --bgColor-upsell-muted: var(--bgColor-done-muted);
 --bgColor-white: #ffffff;
@@ -439,6 +436,8 @@
 --borderColor-closed-emphasis: var(--borderColor-emphasis);
 --borderColor-closed-muted: #d1d9e066;
 --borderColor-muted: #d1d9e0b3;
+  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
+  --borderColor-open-muted: var(--borderColor-success-muted);
 --borderColor-translucent: #1f232826;
 --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
 --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -526,6 +525,7 @@
 --fgColor-link: var(--fgColor-accent);
 --fgColor-onEmphasis: #ffffff;
 --fgColor-onInverse: #ffffff;
+  --fgColor-open: var(--fgColor-success);
 --fgColor-upsell: var(--fgColor-done);
 --fgColor-white: #ffffff;
 --focus-outlineColor: var(--borderColor-accent-emphasis);
@@ -636,8 +636,6 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-neutral-emphasis: #59636e;
   --bgColor-neutral-muted: #818b981f;
-    --bgColor-open-emphasis: #cf222e;
-    --bgColor-open-muted: #ffebe9;
   --bgColor-severe-emphasis: #cf222e;
   --bgColor-severe-muted: #ffebe9;
   --bgColor-sponsors-emphasis: #bf3989;
@@ -657,8 +655,6 @@
   --borderColor-done-muted: #c297ff66;
   --borderColor-emphasis: #818b98;
   --borderColor-neutral-emphasis: #59636e;
-    --borderColor-open-emphasis: #cf222e;
-    --borderColor-open-muted: #ff818266;
   --borderColor-severe-emphasis: #cf222e;
   --borderColor-severe-muted: #ff818266;
   --borderColor-sponsors-emphasis: #bf3989;
@@ -878,7 +874,6 @@
   --fgColor-done: #8250df;
   --fgColor-muted: #59636e;
   --fgColor-neutral: #59636e;
-    --fgColor-open: #cf222e;
   --fgColor-severe: #cf222e;
   --fgColor-sponsors: #bf3989;
   --fgColor-success: #0969da;
@@ -1020,6 +1015,8 @@
   --bgColor-closed-muted: var(--bgColor-neutral-muted);
   --bgColor-default: #ffffff;
   --bgColor-inset: var(--bgColor-muted);
+    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
+    --bgColor-open-muted: var(--bgColor-success-muted);
   --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
   --bgColor-upsell-muted: var(--bgColor-done-muted);
   --bgColor-white: #ffffff;
@@ -1045,6 +1042,8 @@
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
   --borderColor-closed-muted: #d1d9e066;
   --borderColor-muted: #d1d9e0b3;
+    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
+    --borderColor-open-muted: var(--borderColor-success-muted);
   --borderColor-translucent: #1f232826;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -1132,6 +1131,7 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-onEmphasis: #ffffff;
   --fgColor-onInverse: #ffffff;
+    --fgColor-open: var(--fgColor-success);
   --fgColor-upsell: var(--fgColor-done);
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);

github-actions · 2025-01-16T13:24:25Z

Design Token Diff (StyleLint)

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2025-01-17 11:56:20.263624431 +0000
@@ -1103,10 +1103,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1122,10 +1118,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1145,16 +1137,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffdcd7",
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1170,16 +1152,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2409,7 +2381,7 @@
   "key": "{borderColor.closed.emphasis}"
 },
 "borderColor-closed-muted": {
-    "$value": "#db6d2866",
+    "$value": "#3d444d66",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -2441,13 +2413,21 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
+    "alpha": 0.4,
   "original": {
-      "$value": "{borderColor.danger.muted}",
+      "$value": "{borderColor.default}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2479,9 +2459,17 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
-      }
+      },
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},
@@ -3067,10 +3055,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3086,10 +3070,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3109,22 +3089,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff7b72",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3140,22 +3104,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -13731,18 +13679,12 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
-        "dark-tritanopia": "#f85149",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.blue.3}",
+      "$value": "{fgColor.success}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13752,12 +13694,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2025-01-17 11:56:17.952614145 +0000
@@ -967,10 +967,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#c93c37",
-        "dark-tritanopia": "#c93c37"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -986,10 +982,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1009,16 +1001,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffd8d3",
-        "dark-tritanopia": {
-          "$value": "#e5534b",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1034,16 +1016,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2305,6 +2277,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2343,6 +2322,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2933,10 +2919,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#c93c37",
-        "light-tritanopia": "#c93c37"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -2952,10 +2934,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -2975,22 +2953,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#e5534b",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#f47067",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3006,22 +2968,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -13495,12 +13441,6 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#539bf5",
-        "light-protanopia-deuteranopia": "#316dca",
-        "dark-tritanopia": "#e5534b",
-        "light-tritanopia": "#c93c37"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -13516,12 +13456,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2025-01-17 11:56:21.357629301 +0000
@@ -1101,10 +1101,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ff6a69",
-        "dark-tritanopia": "#ff6a69"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1120,10 +1116,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1143,16 +1135,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffdedb",
-        "dark-tritanopia": {
-          "$value": "#ff8080",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1168,16 +1150,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2439,6 +2411,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2477,6 +2456,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -3065,10 +3051,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#ff6a69",
-        "light-tritanopia": "#ff6a69"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3084,10 +3066,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3107,22 +3085,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#ff8080",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff9492",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3138,22 +3100,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -12639,12 +12585,6 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#71b7ff",
-        "light-protanopia-deuteranopia": "#409eff",
-        "dark-tritanopia": "#ff8080",
-        "light-tritanopia": "#ff6a69"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -12660,12 +12600,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2025-01-17 11:56:19.094619228 +0000
@@ -1093,7 +1093,7 @@
   "key": "{bgColor.neutral.muted}"
 },
 "bgColor-open-emphasis": {
-    "$value": "#da3633",
+    "$value": "#1f6feb",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1103,16 +1103,12 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "{bgColor.success.emphasis}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1122,10 +1118,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1135,7 +1127,7 @@
   "key": "{bgColor.open.emphasis}"
 },
 "bgColor-open-muted": {
-    "$value": "#f851491a",
+    "$value": "#388bfd26",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1145,23 +1137,12 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffdcd7",
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
-    "alpha": 0.1,
   "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{bgColor.success.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1171,19 +1152,8 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
-      },
-      "alpha": 0.1
+      }
   },
   "name": "bgColor-open-muted",
   "attributes": {},
@@ -2443,6 +2413,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2482,6 +2459,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -3061,7 +3045,7 @@
   "key": "{borderColor.neutral.muted}"
 },
 "borderColor-open-emphasis": {
-    "$value": "#da3633",
+    "$value": "#1f6feb",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3071,16 +3055,12 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "{borderColor.success.emphasis}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3090,10 +3070,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3103,7 +3079,7 @@
   "key": "{borderColor.open.emphasis}"
 },
 "borderColor-open-muted": {
-    "$value": "#f8514966",
+    "$value": "#388bfd66",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3113,29 +3089,12 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff7b72",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
-    "alpha": 0.4,
   "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{borderColor.success.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3145,25 +3104,8 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
-      },
-      "alpha": 0.4
+      }
   },
   "name": "borderColor-open-muted",
   "attributes": {},
@@ -13827,7 +13769,7 @@
   "key": "{fgColor.onInverse}"
 },
 "fgColor-open": {
-    "$value": "#f85149",
+    "$value": "#58a6ff",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -13837,18 +13779,12 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
-        "dark-tritanopia": "#f85149",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{fgColor.success}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13858,12 +13794,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

/styleLint/functional/themes/dark.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2025-01-17 11:56:16.891609423 +0000
@@ -1101,10 +1101,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1120,10 +1116,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1143,16 +1135,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffdcd7",
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1168,16 +1150,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2439,6 +2411,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2477,6 +2456,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -3065,10 +3051,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3084,10 +3066,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3107,22 +3085,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#f85149",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff7b72",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3138,22 +3100,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -14049,12 +13995,6 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
-        "dark-tritanopia": "#f85149",
-        "light-tritanopia": "#da3633"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -14070,12 +14010,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2025-01-17 11:56:14.707599703 +0000
@@ -1091,10 +1091,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1110,10 +1106,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1133,16 +1125,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffebe9",
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1158,16 +1140,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2423,6 +2395,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2462,6 +2441,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -3051,10 +3037,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3070,10 +3052,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3093,22 +3071,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff8182",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3124,22 +3086,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -13757,18 +13703,12 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
-        "dark-tritanopia": "#fa4549",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.blue.5}",
+      "$value": "{fgColor.success}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13778,12 +13718,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2025-01-17 11:56:15.715604189 +0000
@@ -1091,10 +1091,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#a0111f",
-        "dark-tritanopia": "#a0111f"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1110,10 +1106,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1133,16 +1125,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#fff0ee",
-        "dark-tritanopia": {
-          "$value": "#d5232c",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1158,16 +1140,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2423,6 +2395,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#454c54",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2461,6 +2440,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -3049,10 +3035,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#a0111f",
-        "light-tritanopia": "#a0111f"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3068,10 +3050,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3091,22 +3069,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#d5232c",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ee5a5d",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3122,22 +3084,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -12713,12 +12659,6 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#368cf9",
-        "light-protanopia-deuteranopia": "#0349b4",
-        "dark-tritanopia": "#d5232c",
-        "light-tritanopia": "#a0111f"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -12734,12 +12674,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2025-01-17 11:56:13.635594979 +0000
@@ -1081,7 +1081,7 @@
   "key": "{bgColor.neutral.muted}"
 },
 "bgColor-open-emphasis": {
-    "$value": "#cf222e",
+    "$value": "#0969da",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1091,16 +1091,12 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "{bgColor.success.emphasis}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1110,10 +1106,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1123,7 +1115,7 @@
   "key": "{bgColor.open.emphasis}"
 },
 "bgColor-open-muted": {
-    "$value": "#ffebe9",
+    "$value": "#ddf4ff",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1133,22 +1125,12 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffebe9",
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.0}",
+      "$value": "{bgColor.success.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1158,16 +1140,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2423,6 +2395,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2462,6 +2441,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -3041,7 +3027,7 @@
   "key": "{borderColor.neutral.muted}"
 },
 "borderColor-open-emphasis": {
-    "$value": "#cf222e",
+    "$value": "#0969da",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3051,16 +3037,12 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "{borderColor.success.emphasis}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3070,10 +3052,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3083,7 +3061,7 @@
   "key": "{borderColor.open.emphasis}"
 },
 "borderColor-open-muted": {
-    "$value": "#ff818266",
+    "$value": "#54aeff66",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3093,29 +3071,12 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff8182",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
-    "alpha": 0.4,
   "original": {
-      "$value": "{base.color.red.3}",
+      "$value": "{borderColor.success.muted}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3125,25 +3086,8 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
-      },
-      "alpha": 0.4
+      }
   },
   "name": "borderColor-open-muted",
   "attributes": {},
@@ -13851,7 +13795,7 @@
   "key": "{fgColor.onInverse}"
 },
 "fgColor-open": {
-    "$value": "#cf222e",
+    "$value": "#0969da",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -13861,18 +13805,12 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
-        "dark-tritanopia": "#fa4549",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "{fgColor.success}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13882,12 +13820,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

/styleLint/functional/themes/light.json

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2025-01-17 11:56:12.490590311 +0000
@@ -1091,10 +1091,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1110,10 +1106,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -1133,16 +1125,6 @@
       "codeSyntax": {
         "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
       }
-      },
-      "org.primer.overrides": {
-        "light-tritanopia": "#ffebe9",
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.1,
-          "filePath": "src/tokens/functional/color/bgColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1158,16 +1140,6 @@
         "codeSyntax": {
           "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
         }
-        },
-        "org.primer.overrides": {
-          "light-tritanopia": "{base.color.red.0}",
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.1,
-            "filePath": "src/tokens/functional/color/bgColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -2423,6 +2395,13 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -2461,6 +2440,13 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -3049,10 +3035,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3068,10 +3050,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },
@@ -3091,22 +3069,6 @@
       "codeSyntax": {
         "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-tritanopia": {
-          "$value": "#fa4549",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "light-tritanopia": {
-          "$value": "#ff8182",
-          "alpha": 0.4,
-          "filePath": "src/tokens/functional/color/borderColor.json5",
-          "isSource": true,
-          "$type": "color"
-        }
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3122,22 +3084,6 @@
         "codeSyntax": {
           "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-tritanopia": {
-            "$value": "{base.color.red.4}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "light-tritanopia": {
-            "$value": "{base.color.red.3}",
-            "alpha": 0.4,
-            "filePath": "src/tokens/functional/color/borderColor.json5",
-            "isSource": true,
-            "$type": "color"
-          }
       }
     }
   },
@@ -14009,12 +13955,6 @@
       "codeSyntax": {
         "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
       }
-      },
-      "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
-        "dark-tritanopia": "#fa4549",
-        "light-tritanopia": "#cf222e"
     }
   },
   "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -14030,12 +13970,6 @@
         "codeSyntax": {
           "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
         }
-        },
-        "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
-          "dark-tritanopia": "{base.color.red.4}",
-          "light-tritanopia": "{base.color.red.5}"
       }
     }
   },

github-actions · 2025-01-16T13:24:25Z

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2025-01-17 11:56:27.769670931 +0000
@@ -3672,14 +3672,15 @@
 {
   "name": "borderColor/closed-muted",
   "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
     "a": 0.4
   },
   "type": "COLOR",
+    "alpha": 0.4,
   "refId": "mode/borderColor/closed-muted",
-    "reference": "mode/borderColor/danger-muted",
+    "reference": "mode/borderColor/default",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",
@@ -4027,7 +4028,7 @@
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/dark/base/color/blue/3",
+    "reference": "mode/fgColor/success",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",

/figma/themes/dark-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2025-01-17 11:56:27.391669358 +0000
@@ -3004,15 +3004,14 @@
 {
   "name": "bgColor/open-muted",
   "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.1
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.15
   },
   "type": "COLOR",
-    "alpha": 0.1,
   "refId": "mode/bgColor/open-muted",
-    "reference": "base/color/dark/base/color/red/4",
+    "reference": "mode/bgColor/success-muted",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "semantic",
@@ -3024,14 +3023,14 @@
 {
   "name": "bgColor/open-emphasis",
   "value": {
-      "r": 0.8549019607843137,
-      "g": 0.21176470588235294,
-      "b": 0.2,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-emphasis",
-    "reference": "base/color/dark/base/color/red/5",
+    "reference": "mode/bgColor/success-emphasis",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "semantic",
@@ -3529,15 +3528,14 @@
 {
   "name": "borderColor/open-muted",
   "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
     "a": 0.4
   },
   "type": "COLOR",
-    "alpha": 0.4,
   "refId": "mode/borderColor/open-muted",
-    "reference": "base/color/dark/base/color/red/4",
+    "reference": "mode/borderColor/success-muted",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "semantic",
@@ -3549,14 +3547,14 @@
 {
   "name": "borderColor/open-emphasis",
   "value": {
-      "r": 0.8549019607843137,
-      "g": 0.21176470588235294,
-      "b": 0.2,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/borderColor/open-emphasis",
-    "reference": "base/color/dark/base/color/red/5",
+    "reference": "mode/borderColor/success-emphasis",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "semantic",
@@ -4034,14 +4032,14 @@
 {
   "name": "fgColor/open",
   "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.34509803921568627,
+      "g": 0.6509803921568628,
+      "b": 1,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/dark/base/color/red/4",
+    "reference": "mode/fgColor/success",
   "collection": "mode",
   "mode": "dark tritanopia",
   "group": "semantic",

/figma/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2025-01-17 11:56:25.931663284 +0000
@@ -3941,7 +3941,7 @@
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/light/base/color/blue/5",
+    "reference": "mode/fgColor/success",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",

/figma/themes/light-tritanopia.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2025-01-17 11:56:25.538661648 +0000
@@ -2942,14 +2942,14 @@
 {
   "name": "bgColor/open-muted",
   "value": {
-      "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
+      "r": 0.8666666666666667,
+      "g": 0.9568627450980393,
+      "b": 1,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-muted",
-    "reference": "base/color/light/base/color/red/0",
+    "reference": "mode/bgColor/success-muted",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "semantic",
@@ -2961,14 +2961,14 @@
 {
   "name": "bgColor/open-emphasis",
   "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-emphasis",
-    "reference": "base/color/light/base/color/red/5",
+    "reference": "mode/bgColor/success-emphasis",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "semantic",
@@ -3461,15 +3461,14 @@
 {
   "name": "borderColor/open-muted",
   "value": {
-      "r": 1,
-      "g": 0.5058823529411764,
-      "b": 0.5098039215686274,
+      "r": 0.32941176470588235,
+      "g": 0.6823529411764706,
+      "b": 1,
     "a": 0.4
   },
   "type": "COLOR",
-    "alpha": 0.4,
   "refId": "mode/borderColor/open-muted",
-    "reference": "base/color/light/base/color/red/3",
+    "reference": "mode/borderColor/success-muted",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "semantic",
@@ -3481,14 +3480,14 @@
 {
   "name": "borderColor/open-emphasis",
   "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/borderColor/open-emphasis",
-    "reference": "base/color/light/base/color/red/5",
+    "reference": "mode/borderColor/success-emphasis",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "semantic",
@@ -3966,14 +3965,14 @@
 {
   "name": "fgColor/open",
   "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/light/base/color/red/5",
+    "reference": "mode/fgColor/success",
   "collection": "mode",
   "mode": "light tritanopia",
   "group": "semantic",

ericwbailey · 2025-01-17T16:03:51Z

@lukasoppermann I think the approach I would take here would be to restore colors as close as possible to the hue range used prior to this update—unsure what colors were used where, however.

lukasoppermann · 2025-01-18T09:00:31Z

I actually got confused by some of the comments in slack.

Looking at this PR's change in VRT data: https://github.com/primer/primitives/pull/1136/files

and those pictures:

I believe that the original version was using red / orange for open which makes sense in terms of easy to differentiate. So if there are no concerns I will go back to this.

lukasoppermann requested review from a team as code owners January 16, 2025 13:22

lukasoppermann requested a review from jonrohan January 16, 2025 13:22

lukasoppermann temporarily deployed to github-pages January 16, 2025 13:24 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 16, 2025 13:24 Inactive

lukasoppermann changed the title ~~add overwrite for borderColor-closed-muted in Dark Protanopia~~ Fixed issues in a11y themes Jan 16, 2025

lukasoppermann force-pushed the fix-a11y-themes branch from 0025407 to b3c0518 Compare January 16, 2025 14:26

lukasoppermann temporarily deployed to github-pages January 16, 2025 14:28 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 16, 2025 14:28 Inactive

jonrohan approved these changes Jan 16, 2025

View reviewed changes

lukasoppermann added 3 commits January 17, 2025 10:47

add overwrite for borderColor-closed-muted in Dark Protanopia

32dbfc2

fix for fgColor open to be same as success for tritanopia

39c262a

set tritanopia dark and light open color to reference success color

016fce2

lukasoppermann force-pushed the fix-a11y-themes branch from b3c0518 to 016fce2 Compare January 17, 2025 09:50

lukasoppermann temporarily deployed to github-pages January 17, 2025 09:51 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 17, 2025 09:52 Inactive

lukasoppermann added the update snapshots Update visual regression test snapshots label Jan 17, 2025

github-actions[bot] Regenerated snapshots

6cca25b

github-actions bot removed the update snapshots Update visual regression test snapshots label Jan 17, 2025

primer bot deployed to github-pages January 17, 2025 11:57 View deployment

github-actions bot temporarily deployed to Preview (Storybook) January 17, 2025 11:57 Inactive

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fixed issues in a11y themes #1154

Fixed issues in a11y themes #1154

lukasoppermann commented Jan 16, 2025 •

edited

Loading

changeset-bot bot commented Jan 16, 2025 •

edited

Loading

github-actions bot commented Jan 16, 2025 •

edited

Loading

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

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

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

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

github-actions bot commented Jan 16, 2025 •

edited

Loading

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

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

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

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

/styleLint/functional/themes/dark.json

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

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

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

/styleLint/functional/themes/light.json

github-actions bot commented Jan 16, 2025 •

edited

Loading

/figma/themes/dark-colorblind.json

/figma/themes/dark-tritanopia.json

/figma/themes/light-colorblind.json

/figma/themes/light-tritanopia.json

ericwbailey commented Jan 17, 2025 •

edited

Loading

lukasoppermann commented Jan 18, 2025

Fixed issues in a11y themes #1154

Are you sure you want to change the base?

Fixed issues in a11y themes #1154

Conversation

lukasoppermann commented Jan 16, 2025 • edited Loading

Summary

Discussion point

Possible solutions

Changes

GitHub UI

Light Tritanopia

Dark Tritanopia

Light Protanopia & Deuteranopia

Dark Protanopia & Deuteranopia

changeset-bot bot commented Jan 16, 2025 • edited Loading

🦋 Changeset detected

github-actions bot commented Jan 16, 2025 • edited Loading

Design Token Diff (CSS)

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

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

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

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

github-actions bot commented Jan 16, 2025 • edited Loading

Design Token Diff (StyleLint)

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

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

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

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

/styleLint/functional/themes/dark.json

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

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

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

/styleLint/functional/themes/light.json

github-actions bot commented Jan 16, 2025 • edited Loading

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

/figma/themes/dark-tritanopia.json

/figma/themes/light-colorblind.json

/figma/themes/light-tritanopia.json

ericwbailey commented Jan 17, 2025 • edited Loading

lukasoppermann commented Jan 18, 2025

lukasoppermann commented Jan 16, 2025 •

edited

Loading

changeset-bot bot commented Jan 16, 2025 •

edited

Loading

github-actions bot commented Jan 16, 2025 •

edited

Loading

github-actions bot commented Jan 16, 2025 •

edited

Loading

github-actions bot commented Jan 16, 2025 •

edited

Loading

ericwbailey commented Jan 17, 2025 •

edited

Loading