Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia #1154

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

Summary

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

Changes

borderColor-closed-muted in Dark protanopia-deuteranopia is now gray instead of orange
borderColor-open-[muted|emphasis] in protanopia-deuteranopia is now orange again (instead of blue)
fgColor-open in protanopia-deuteranopia is now orange again (instead of blue)
bgColor-open-[muted|emphasis] in protanopia-deuteranopia is now orange again (instead of blue)

Solution

Change borderColor-closed-muted in Dark Protanopia to orange
Change open is back to orange in colorblind themes

Changes

add overwrite for borderColor-closed-muted in Dark Protanopia
revert open colors for Protanopia to use orange

Role	Before	After
`open`
`closed`

Old solution idea

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: 6ae426c

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

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.

github-actions · 2025-01-20T08:38:35Z

Design Token Diff (CSS)

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2025-01-20 09:38:52.561060607 +0000
@@ -30,6 +30,8 @@
 --bgColor-muted: #151b23;
 --bgColor-neutral-emphasis: #656c76;
 --bgColor-neutral-muted: #656c7633;
+  --bgColor-open-emphasis: #bd561d;
+  --bgColor-open-muted: #db6d281a;
 --bgColor-severe-emphasis: #bd561d;
 --bgColor-severe-muted: #db6d281a;
 --bgColor-sponsors-emphasis: #bf4b8a;
@@ -48,6 +50,8 @@
 --borderColor-done-emphasis: #8957e5;
 --borderColor-done-muted: #ab7df866;
 --borderColor-emphasis: #656c76;
+  --borderColor-open-emphasis: #bd561d;
+  --borderColor-open-muted: #db6d2866;
 --borderColor-severe-emphasis: #bd561d;
 --borderColor-severe-muted: #db6d2866;
 --borderColor-sponsors-emphasis: #bf4b8a;
@@ -280,7 +284,7 @@
 --fgColor-link: var(--fgColor-accent);
 --fgColor-muted: #9198a1;
 --fgColor-neutral: #9198a1;
-  --fgColor-open: #58a6ff;
+  --fgColor-open: #db6d28;
 --fgColor-severe: #db6d28;
 --fgColor-sponsors: #db61a2;
 --fgColor-success: #58a6ff;
@@ -420,8 +424,6 @@
 --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;
@@ -444,11 +446,9 @@
 --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);
-  --borderColor-open-muted: var(--borderColor-success-muted);
 --borderColor-translucent: #ffffff26;
 --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
 --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -636,6 +636,8 @@
   --bgColor-muted: #151b23;
   --bgColor-neutral-emphasis: #656c76;
   --bgColor-neutral-muted: #656c7633;
+    --bgColor-open-emphasis: #bd561d;
+    --bgColor-open-muted: #db6d281a;
   --bgColor-severe-emphasis: #bd561d;
   --bgColor-severe-muted: #db6d281a;
   --bgColor-sponsors-emphasis: #bf4b8a;
@@ -654,6 +656,8 @@
   --borderColor-done-emphasis: #8957e5;
   --borderColor-done-muted: #ab7df866;
   --borderColor-emphasis: #656c76;
+    --borderColor-open-emphasis: #bd561d;
+    --borderColor-open-muted: #db6d2866;
   --borderColor-severe-emphasis: #bd561d;
   --borderColor-severe-muted: #db6d2866;
   --borderColor-sponsors-emphasis: #bf4b8a;
@@ -886,7 +890,7 @@
   --fgColor-link: var(--fgColor-accent);
   --fgColor-muted: #9198a1;
   --fgColor-neutral: #9198a1;
-    --fgColor-open: #58a6ff;
+    --fgColor-open: #db6d28;
   --fgColor-severe: #db6d28;
   --fgColor-sponsors: #db61a2;
   --fgColor-success: #58a6ff;
@@ -1026,8 +1030,6 @@
   --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;
@@ -1050,11 +1052,9 @@
   --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);
-    --borderColor-open-muted: var(--borderColor-success-muted);
   --borderColor-translucent: #ffffff26;
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
   --borderColor-upsell-muted: var(--borderColor-done-muted);

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2025-01-20 09:38:46.687957658 +0000
@@ -29,6 +29,8 @@
 --bgColor-muted: #f6f8fa;
 --bgColor-neutral-emphasis: #59636e;
 --bgColor-neutral-muted: #818b981f;
+  --bgColor-open-emphasis: #bc4c00;
+  --bgColor-open-muted: #fff1e5;
 --bgColor-severe-emphasis: #bc4c00;
 --bgColor-severe-muted: #fff1e5;
 --bgColor-sponsors-emphasis: #bf3989;
@@ -48,6 +50,8 @@
 --borderColor-done-muted: #c297ff66;
 --borderColor-emphasis: #818b98;
 --borderColor-neutral-emphasis: #59636e;
+  --borderColor-open-emphasis: #bc4c00;
+  --borderColor-open-muted: #fb8f4466;
 --borderColor-severe-emphasis: #bc4c00;
 --borderColor-severe-muted: #fb8f4466;
 --borderColor-sponsors-emphasis: #bf3989;
@@ -262,7 +266,7 @@
 --fgColor-done: #8250df;
 --fgColor-muted: #59636e;
 --fgColor-neutral: #59636e;
-  --fgColor-open: #0969da;
+  --fgColor-open: #bc4c00;
 --fgColor-severe: #bc4c00;
 --fgColor-sponsors: #bf3989;
 --fgColor-success: #0969da;
@@ -404,8 +408,6 @@
 --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;
@@ -431,8 +433,6 @@
 --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);
@@ -635,6 +635,8 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-neutral-emphasis: #59636e;
   --bgColor-neutral-muted: #818b981f;
+    --bgColor-open-emphasis: #bc4c00;
+    --bgColor-open-muted: #fff1e5;
   --bgColor-severe-emphasis: #bc4c00;
   --bgColor-severe-muted: #fff1e5;
   --bgColor-sponsors-emphasis: #bf3989;
@@ -654,6 +656,8 @@
   --borderColor-done-muted: #c297ff66;
   --borderColor-emphasis: #818b98;
   --borderColor-neutral-emphasis: #59636e;
+    --borderColor-open-emphasis: #bc4c00;
+    --borderColor-open-muted: #fb8f4466;
   --borderColor-severe-emphasis: #bc4c00;
   --borderColor-severe-muted: #fb8f4466;
   --borderColor-sponsors-emphasis: #bf3989;
@@ -868,7 +872,7 @@
   --fgColor-done: #8250df;
   --fgColor-muted: #59636e;
   --fgColor-neutral: #59636e;
-    --fgColor-open: #0969da;
+    --fgColor-open: #bc4c00;
   --fgColor-severe: #bc4c00;
   --fgColor-sponsors: #bf3989;
   --fgColor-success: #0969da;
@@ -1010,8 +1014,6 @@
   --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;
@@ -1037,8 +1039,6 @@
   --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);

github-actions · 2025-01-20T08:38:36Z

Design Token Diff (StyleLint)

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

+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2025-01-20 09:38:52.565060677 +0000
@@ -1093,7 +1093,7 @@
   "key": "{bgColor.neutral.muted}"
 },
 "bgColor-open-emphasis": {
-    "$value": "#1f6feb",
+    "$value": "#bd561d",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1106,13 +1106,15 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
+        "dark-tritanopia": "#da3633",
+        "light-protanopia-deuteranopia": "#bd561d",
+        "dark-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "{base.color.orange.5}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1125,7 +1127,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1135,7 +1139,7 @@
   "key": "{bgColor.open.emphasis}"
 },
 "bgColor-open-muted": {
-    "$value": "#388bfd33",
+    "$value": "#db6d281a",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1154,13 +1158,22 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffdfb6",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "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": "{bgColor.success.muted}",
+      "$value": "{base.color.orange.4}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1179,9 +1192,18 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
-      }
+      },
+      "alpha": 0.1
   },
   "name": "bgColor-open-muted",
   "attributes": {},
@@ -2409,7 +2431,7 @@
   "key": "{borderColor.closed.emphasis}"
 },
 "borderColor-closed-muted": {
-    "$value": "#db6d2866",
+    "$value": "#3d444d66",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -2435,6 +2457,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#3d444d",
         "alpha": 0.4,
@@ -2446,8 +2475,9 @@
   },
   "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": {
@@ -2473,6 +2503,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -2481,7 +2518,8 @@
           "$type": "color"
         }
       }
-      }
+      },
+      "alpha": 0.4
   },
   "name": "borderColor-closed-muted",
   "attributes": {},
@@ -3057,7 +3095,7 @@
   "key": "{borderColor.neutral.muted}"
 },
 "borderColor-open-emphasis": {
-    "$value": "#1f6feb",
+    "$value": "#bd561d",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3070,13 +3108,15 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
+        "light-tritanopia": "#da3633",
+        "dark-protanopia-deuteranopia": "#bd561d",
+        "light-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{borderColor.success.emphasis}",
+      "$value": "{base.color.orange.5}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3089,7 +3129,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3099,7 +3141,7 @@
   "key": "{borderColor.open.emphasis}"
 },
 "borderColor-open-muted": {
-    "$value": "#388bfd66",
+    "$value": "#db6d2866",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3124,13 +3166,28 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#f0883e",
+          "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.success.muted}",
+      "$value": "{base.color.orange.4}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3155,9 +3212,24 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
-      }
+      },
+      "alpha": 0.4
   },
   "name": "borderColor-open-muted",
   "attributes": {},
@@ -13721,7 +13793,7 @@
   "key": "{fgColor.onInverse}"
 },
 "fgColor-open": {
-    "$value": "#58a6ff",
+    "$value": "#db6d28",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -13733,8 +13805,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
+        "dark-protanopia-deuteranopia": "#db6d28",
+        "light-protanopia-deuteranopia": "#bd561d",
       "dark-tritanopia": "#f85149",
       "light-tritanopia": "#da3633"
     }
@@ -13742,7 +13814,7 @@
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.blue.3}",
+      "$value": "{base.color.orange.4}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13754,8 +13826,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:50.121017836 +0000
@@ -970,7 +970,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#c93c37",
-        "dark-tritanopia": "#c93c37"
+        "dark-tritanopia": "#c93c37",
+        "light-protanopia-deuteranopia": "#ae5622",
+        "dark-protanopia-deuteranopia": "#ae5622"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -989,7 +991,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1018,6 +1022,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffddb0",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#cc6b2c",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1043,6 +1055,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2299,6 +2319,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#3d444d",
         "alpha": 0.4,
@@ -2337,6 +2364,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -2936,7 +2970,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#c93c37",
-        "light-tritanopia": "#c93c37"
+        "light-tritanopia": "#c93c37",
+        "dark-protanopia-deuteranopia": "#ae5622",
+        "light-protanopia-deuteranopia": "#ae5622"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -2955,7 +2991,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -2990,6 +3028,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#cc6b2c",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#e0823d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3021,6 +3073,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -13497,8 +13563,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#539bf5",
-        "light-protanopia-deuteranopia": "#316dca",
+        "dark-protanopia-deuteranopia": "#cc6b2c",
+        "light-protanopia-deuteranopia": "#ae5622",
       "dark-tritanopia": "#e5534b",
       "light-tritanopia": "#c93c37"
     }
@@ -13518,8 +13584,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:53.683080275 +0000
@@ -1104,7 +1104,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#ff6a69",
-        "dark-tritanopia": "#ff6a69"
+        "dark-tritanopia": "#ff6a69",
+        "light-protanopia-deuteranopia": "#e7811d",
+        "dark-protanopia-deuteranopia": "#e7811d"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1123,7 +1125,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1152,6 +1156,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffe1b4",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#f48b25",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1177,6 +1189,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2433,6 +2453,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#b7bdc8",
         "alpha": 0.4,
@@ -2471,6 +2498,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3068,7 +3102,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#ff6a69",
-        "light-tritanopia": "#ff6a69"
+        "light-tritanopia": "#ff6a69",
+        "dark-protanopia-deuteranopia": "#e7811d",
+        "light-protanopia-deuteranopia": "#e7811d"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3087,7 +3123,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3122,6 +3160,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#f48b25",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#fe9a2d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3153,6 +3205,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -12641,8 +12707,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#71b7ff",
-        "light-protanopia-deuteranopia": "#409eff",
+        "dark-protanopia-deuteranopia": "#f48b25",
+        "light-protanopia-deuteranopia": "#e7811d",
       "dark-tritanopia": "#ff8080",
       "light-tritanopia": "#ff6a69"
     }
@@ -12662,8 +12728,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:51.369039712 +0000
@@ -1106,7 +1106,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
+        "dark-tritanopia": "#da3633",
+        "light-protanopia-deuteranopia": "#bd561d",
+        "dark-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1125,7 +1127,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1154,6 +1158,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffdfb6",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1180,6 +1192,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -2437,6 +2457,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#3d444d",
         "alpha": 0.4,
@@ -2476,6 +2503,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3074,7 +3108,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
+        "light-tritanopia": "#da3633",
+        "dark-protanopia-deuteranopia": "#bd561d",
+        "light-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3093,7 +3129,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3128,6 +3166,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#f0883e",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3160,6 +3212,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -13839,8 +13905,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
+        "dark-protanopia-deuteranopia": "#db6d28",
+        "light-protanopia-deuteranopia": "#bd561d",
       "dark-tritanopia": "#f85149",
       "light-tritanopia": "#da3633"
     }
@@ -13860,8 +13926,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:48.951997344 +0000
@@ -1104,7 +1104,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#da3633",
-        "dark-tritanopia": "#da3633"
+        "dark-tritanopia": "#da3633",
+        "light-protanopia-deuteranopia": "#bd561d",
+        "dark-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1123,7 +1125,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1152,6 +1156,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#ffdfb6",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1177,6 +1189,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2433,6 +2453,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#3d444d",
         "alpha": 0.4,
@@ -2471,6 +2498,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3068,7 +3102,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#da3633",
-        "light-tritanopia": "#da3633"
+        "light-tritanopia": "#da3633",
+        "dark-protanopia-deuteranopia": "#bd561d",
+        "light-protanopia-deuteranopia": "#bd561d"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3087,7 +3123,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3122,6 +3160,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#db6d28",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#f0883e",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3153,6 +3205,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -14051,8 +14117,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#58a6ff",
-        "light-protanopia-deuteranopia": "#1f6feb",
+        "dark-protanopia-deuteranopia": "#db6d28",
+        "light-protanopia-deuteranopia": "#bd561d",
       "dark-tritanopia": "#f85149",
       "light-tritanopia": "#da3633"
     }
@@ -14072,8 +14138,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:46.688957676 +0000
@@ -1081,7 +1081,7 @@
   "key": "{bgColor.neutral.muted}"
 },
 "bgColor-open-emphasis": {
-    "$value": "#0969da",
+    "$value": "#bc4c00",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1094,13 +1094,15 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
+        "dark-tritanopia": "#cf222e",
+        "light-protanopia-deuteranopia": "#bc4c00",
+        "dark-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "{base.color.orange.5}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1113,7 +1115,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1123,7 +1127,7 @@
   "key": "{bgColor.open.emphasis}"
 },
 "bgColor-open-muted": {
-    "$value": "#ddf4ff",
+    "$value": "#fff1e5",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -1142,13 +1146,21 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#fff1e5",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "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": "{bgColor.success.muted}",
+      "$value": "{base.color.orange.0}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1167,6 +1179,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2417,6 +2437,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#d1d9e0",
         "alpha": 0.4,
@@ -2456,6 +2483,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3041,7 +3075,7 @@
   "key": "{borderColor.neutral.muted}"
 },
 "borderColor-open-emphasis": {
-    "$value": "#0969da",
+    "$value": "#bc4c00",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3054,13 +3088,15 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
+        "light-tritanopia": "#cf222e",
+        "dark-protanopia-deuteranopia": "#bc4c00",
+        "light-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{borderColor.success.emphasis}",
+      "$value": "{base.color.orange.5}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3073,7 +3109,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3083,7 +3121,7 @@
   "key": "{borderColor.open.emphasis}"
 },
 "borderColor-open-muted": {
-    "$value": "#ddf4ff",
+    "$value": "#fb8f4466",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -3108,13 +3146,28 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#fb8f44",
+          "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.success.muted}",
+      "$value": "{base.color.orange.3}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3139,9 +3192,24 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
-      }
+      },
+      "alpha": 0.4
   },
   "name": "borderColor-open-muted",
   "attributes": {},
@@ -13747,7 +13815,7 @@
   "key": "{fgColor.onInverse}"
 },
 "fgColor-open": {
-    "$value": "#0969da",
+    "$value": "#bc4c00",
   "$type": "color",
   "$extensions": {
     "org.primer.figma": {
@@ -13759,8 +13827,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
+        "dark-protanopia-deuteranopia": "#e16f24",
+        "light-protanopia-deuteranopia": "#bc4c00",
       "dark-tritanopia": "#fa4549",
       "light-tritanopia": "#cf222e"
     }
@@ -13768,7 +13836,7 @@
   "filePath": "src/tokens/functional/color/fgColor.json5",
   "isSource": true,
   "original": {
-      "$value": "{base.color.blue.5}",
+      "$value": "{base.color.orange.5}",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13780,8 +13848,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:47.766976572 +0000
@@ -1094,7 +1094,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#a0111f",
-        "dark-tritanopia": "#a0111f"
+        "dark-tritanopia": "#a0111f",
+        "light-protanopia-deuteranopia": "#873800",
+        "dark-protanopia-deuteranopia": "#873800"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1113,7 +1115,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1142,6 +1146,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#fff2d5",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b45105",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1167,6 +1179,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2417,6 +2437,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#454c54",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#454c54",
         "alpha": 0.4,
@@ -2455,6 +2482,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3052,7 +3086,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#a0111f",
-        "light-tritanopia": "#a0111f"
+        "light-tritanopia": "#a0111f",
+        "dark-protanopia-deuteranopia": "#873800",
+        "light-protanopia-deuteranopia": "#873800"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3071,7 +3107,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3106,6 +3144,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b45105",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#dc6d1a",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3137,6 +3189,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -12715,8 +12781,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#368cf9",
-        "light-protanopia-deuteranopia": "#0349b4",
+        "dark-protanopia-deuteranopia": "#b45105",
+        "light-protanopia-deuteranopia": "#873800",
       "dark-tritanopia": "#d5232c",
       "light-tritanopia": "#a0111f"
     }
@@ -12736,8 +12802,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:45.474936412 +0000
@@ -1094,7 +1094,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
+        "dark-tritanopia": "#cf222e",
+        "light-protanopia-deuteranopia": "#bc4c00",
+        "dark-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1113,7 +1115,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1142,6 +1146,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#fff1e5",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1167,6 +1179,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2417,6 +2437,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#d1d9e0",
         "alpha": 0.4,
@@ -2456,6 +2483,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3054,7 +3088,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
+        "light-tritanopia": "#cf222e",
+        "dark-protanopia-deuteranopia": "#bc4c00",
+        "light-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3073,7 +3109,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3108,6 +3146,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#fb8f44",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3140,6 +3192,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     },
@@ -13863,8 +13929,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
+        "dark-protanopia-deuteranopia": "#e16f24",
+        "light-protanopia-deuteranopia": "#bc4c00",
       "dark-tritanopia": "#fa4549",
       "light-tritanopia": "#cf222e"
     }
@@ -13884,8 +13950,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.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-20 09:38:44.285915587 +0000
@@ -1094,7 +1094,9 @@
     },
     "org.primer.overrides": {
       "light-tritanopia": "#cf222e",
-        "dark-tritanopia": "#cf222e"
+        "dark-tritanopia": "#cf222e",
+        "light-protanopia-deuteranopia": "#bc4c00",
+        "dark-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -1113,7 +1115,9 @@
       },
       "org.primer.overrides": {
         "light-tritanopia": "{base.color.red.5}",
-          "dark-tritanopia": "{base.color.red.5}"
+          "dark-tritanopia": "{base.color.red.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -1142,6 +1146,14 @@
         "filePath": "src/tokens/functional/color/bgColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#fff1e5",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -1167,6 +1179,14 @@
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{base.color.orange.0}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -2417,6 +2437,13 @@
         "isSource": true,
         "$type": "color"
       },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
       "light-protanopia-deuteranopia": {
         "$value": "#d1d9e0",
         "alpha": 0.4,
@@ -2455,6 +2482,13 @@
           "isSource": true,
           "$type": "color"
         },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
         "light-protanopia-deuteranopia": {
           "$value": "{borderColor.default}",
           "alpha": 0.4,
@@ -3052,7 +3086,9 @@
     },
     "org.primer.overrides": {
       "dark-tritanopia": "#cf222e",
-        "light-tritanopia": "#cf222e"
+        "light-tritanopia": "#cf222e",
+        "dark-protanopia-deuteranopia": "#bc4c00",
+        "light-protanopia-deuteranopia": "#bc4c00"
     }
   },
   "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3071,7 +3107,9 @@
       },
       "org.primer.overrides": {
         "dark-tritanopia": "{base.color.red.5}",
-          "light-tritanopia": "{base.color.red.5}"
+          "light-tritanopia": "{base.color.red.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.5}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}"
       }
     }
   },
@@ -3106,6 +3144,20 @@
         "filePath": "src/tokens/functional/color/borderColor.json5",
         "isSource": true,
         "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#e16f24",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#fb8f44",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
       }
     }
   },
@@ -3137,6 +3189,20 @@
           "filePath": "src/tokens/functional/color/borderColor.json5",
           "isSource": true,
           "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.4}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{base.color.orange.3}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
         }
       }
     }
@@ -14011,8 +14077,8 @@
       }
     },
     "org.primer.overrides": {
-        "dark-protanopia-deuteranopia": "#54aeff",
-        "light-protanopia-deuteranopia": "#0969da",
+        "dark-protanopia-deuteranopia": "#e16f24",
+        "light-protanopia-deuteranopia": "#bc4c00",
       "dark-tritanopia": "#fa4549",
       "light-tritanopia": "#cf222e"
     }
@@ -14032,8 +14098,8 @@
         }
       },
       "org.primer.overrides": {
-          "dark-protanopia-deuteranopia": "{base.color.blue.3}",
-          "light-protanopia-deuteranopia": "{base.color.blue.5}",
+          "dark-protanopia-deuteranopia": "{base.color.orange.4}",
+          "light-protanopia-deuteranopia": "{base.color.orange.5}",
         "dark-tritanopia": "{base.color.red.4}",
         "light-tritanopia": "{base.color.red.5}"
       }

github-actions · 2025-01-20T08:38:37Z

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2025-01-20 09:39:00.599203071 +0000
@@ -2992,14 +2992,15 @@
 {
   "name": "bgColor/open-muted",
   "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.2
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.1
   },
   "type": "COLOR",
+    "alpha": 0.1,
   "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "reference": "base/color/dark/base/color/orange/4",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",
@@ -3011,14 +3012,14 @@
 {
   "name": "bgColor/open-emphasis",
   "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",
@@ -3517,14 +3518,15 @@
 {
   "name": "borderColor/open-muted",
   "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
     "a": 0.4
   },
   "type": "COLOR",
+    "alpha": 0.4,
   "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "reference": "base/color/dark/base/color/orange/4",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",
@@ -3536,14 +3538,14 @@
 {
   "name": "borderColor/open-emphasis",
   "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",
@@ -3672,14 +3674,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",
@@ -4020,14 +4023,14 @@
 {
   "name": "fgColor/open",
   "value": {
-      "r": 0.34509803921568627,
-      "g": 0.6509803921568628,
-      "b": 1,
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/dark/base/color/blue/3",
+    "reference": "base/color/dark/base/color/orange/4",
   "collection": "mode",
   "mode": "dark protanopia deuteranopia",
   "group": "semantic",

/figma/themes/light-colorblind.json

+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2025-01-20 09:38:58.600167506 +0000
@@ -2911,14 +2911,14 @@
 {
   "name": "bgColor/open-muted",
   "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
+      "r": 1,
+      "g": 0.9450980392156862,
+      "b": 0.8980392156862745,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "reference": "base/color/light/base/color/orange/0",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",
@@ -2930,14 +2930,14 @@
 {
   "name": "bgColor/open-emphasis",
   "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.7372549019607844,
+      "g": 0.2980392156862745,
+      "b": 0,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "reference": "base/color/light/base/color/orange/5",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",
@@ -3430,14 +3430,15 @@
 {
   "name": "borderColor/open-muted",
   "value": {
-      "r": 0.8666666666666667,
-      "g": 0.9568627450980393,
-      "b": 1,
-      "a": 1
+      "r": 0.984313725490196,
+      "g": 0.5607843137254902,
+      "b": 0.26666666666666666,
+      "a": 0.4
   },
   "type": "COLOR",
+    "alpha": 0.4,
   "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "reference": "base/color/light/base/color/orange/3",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",
@@ -3449,14 +3450,14 @@
 {
   "name": "borderColor/open-emphasis",
   "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.7372549019607844,
+      "g": 0.2980392156862745,
+      "b": 0,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "reference": "base/color/light/base/color/orange/5",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",
@@ -3934,14 +3935,14 @@
 {
   "name": "fgColor/open",
   "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.7372549019607844,
+      "g": 0.2980392156862745,
+      "b": 0,
     "a": 1
   },
   "type": "COLOR",
   "refId": "mode/fgColor/open",
-    "reference": "base/color/light/base/color/blue/5",
+    "reference": "base/color/light/base/color/orange/5",
   "collection": "mode",
   "mode": "light protanopia deuteranopia",
   "group": "semantic",

…a-deuteranopia

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 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 removed the update snapshots Update visual regression test snapshots label Jan 17, 2025

primer bot temporarily deployed to github-pages January 17, 2025 11:57 Inactive

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

This comment was marked as outdated.

Sign in to view

lukasoppermann force-pushed the fix-a11y-themes branch 2 times, most recently from 9cfee81 to 5463b17 Compare January 20, 2025 08:35

lukasoppermann temporarily deployed to github-pages January 20, 2025 08:36 — with GitHub Actions Inactive

add overwrite for borderColor-closed-muted in Dark Protanopia

529ee84

lukasoppermann force-pushed the fix-a11y-themes branch from 5463b17 to 529ee84 Compare January 20, 2025 08:36

github-actions bot temporarily deployed to Preview (Storybook) January 20, 2025 08:36 Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 20, 2025 08:37 Inactive

lukasoppermann temporarily deployed to github-pages January 20, 2025 08:38 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 20, 2025 08:39 Inactive

lukasoppermann temporarily deployed to github-pages January 20, 2025 08:43 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 20, 2025 08:44 Inactive

lukasoppermann force-pushed the fix-a11y-themes branch from 6fec720 to c050904 Compare January 20, 2025 08:51

lukasoppermann temporarily deployed to github-pages January 20, 2025 08:53 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) January 20, 2025 08:53 Inactive

lukasoppermann changed the title ~~Fixed issues in a11y themes~~ Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia Jan 20, 2025

update borderColor, fgColor & bgColor open for dark & light protanopi…

7ab767e

…a-deuteranopia

lukasoppermann force-pushed the fix-a11y-themes branch from c050904 to 7ab767e Compare January 20, 2025 09:03

lukasoppermann self-assigned this Jan 20, 2025

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

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

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

github-actions[bot] Regenerated snapshots

6ae426c

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

primer bot deployed to github-pages January 20, 2025 09:39 View deployment

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

lukasoppermann merged commit f86174b into main Jan 20, 2025
27 checks passed

lukasoppermann deleted the fix-a11y-themes branch January 20, 2025 10:22

primer bot mentioned this pull request Jan 20, 2025

Release Tracking #1157

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia #1154

Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia #1154

lukasoppermann commented Jan 16, 2025 •

edited

Loading

changeset-bot bot commented Jan 16, 2025 •

edited

Loading

ericwbailey commented Jan 17, 2025 •

edited

Loading

This comment was marked as outdated.

github-actions bot commented Jan 20, 2025 •

edited

Loading

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

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

github-actions bot commented Jan 20, 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 20, 2025 •

edited

Loading

/figma/themes/dark-colorblind.json

/figma/themes/light-colorblind.json

Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia #1154

Fix borderColor-closed-muted and revert open colors to orange in protanopia-deuteranopia #1154

Conversation

lukasoppermann commented Jan 16, 2025 • edited Loading

Summary

Changes

Solution

Changes

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

ericwbailey commented Jan 17, 2025 • edited Loading

This comment was marked as outdated.

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

Design Token Diff (CSS)

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

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

github-actions bot commented Jan 20, 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 20, 2025 • edited Loading

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

/figma/themes/light-colorblind.json

lukasoppermann commented Jan 16, 2025 •

edited

Loading

changeset-bot bot commented Jan 16, 2025 •

edited

Loading

ericwbailey commented Jan 17, 2025 •

edited

Loading

github-actions bot commented Jan 20, 2025 •

edited

Loading

github-actions bot commented Jan 20, 2025 •

edited

Loading

github-actions bot commented Jan 20, 2025 •

edited

Loading