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

…a-deuteranopia
primer · Jan 20, 2025 · 7ab767e · 7ab767e
1 parent 529ee84
commit 7ab767e
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git a/.changeset/famous-masks-itch.md b/.changeset/famous-masks-itch.md
@@ -2,4 +2,9 @@
 '@primer/primitives': patch
 ---
 
-Fix a11y border issue for dark colorblind and adjust tritanopia open color to be the same as success
+Fix borderColor-closed-muted in dark-protanopia-deuteranopia and revert protanopia-deuteranopia open color to be orange again
+
+- `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`)
diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5
@@ -300,6 +300,11 @@
               $value: '{base.color.red.4}',
               alpha: 0.1,
             },
+            'light-protanopia-deuteranopia': '{base.color.orange.0}',
+            'dark-protanopia-deuteranopia': {
+              $value: '{base.color.orange.4}',
+              alpha: 0.1,
+            },
           },
         },
       },
@@ -318,6 +323,8 @@
           'org.primer.overrides': {
             'light-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}',
           },
         },
       },

diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5
@@ -279,6 +279,14 @@
               $value: '{base.color.red.3}',
               alpha: 0.4,
             },
+            'dark-protanopia-deuteranopia': {
+              $value: '{base.color.orange.4}',
+              alpha: 0.4,
+            },
+            'light-protanopia-deuteranopia': {
+              $value: '{base.color.orange.3}',
+              alpha: 0.4,
+            },
           },
         },
       },
@@ -297,6 +305,8 @@
           'org.primer.overrides': {
             'dark-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}',
           },
         },
       },

diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5
@@ -199,8 +199,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}',
         },