Fix borderColor-closed-muted and revert open colors to orange in prot…

…anopia-deuteranopia (#1154) * add overwrite for borderColor-closed-muted in Dark Protanopia * update borderColor, fgColor & bgColor open for dark & light protanopia-deuteranopia * github-actions[bot] Regenerated snapshots --------- Co-authored-by: lukasoppermann <[email protected]>
primer · Jan 20, 2025 · f86174b · f86174b
1 parent 20b3dda
commit f86174b
Show file tree

Hide file tree

Showing 12 changed files with 35 additions and 4 deletions.
diff --git a/.changeset/famous-masks-itch.md b/.changeset/famous-masks-itch.md
@@ -0,0 +1,10 @@
+---
+'@primer/primitives': patch
+---
+
+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/...ts/storybook-all-color-swatches-dark-colorblind-bgColor-open-emphasis-linux.png b/...ts/storybook-all-color-swatches-dark-colorblind-bgColor-open-emphasis-linux.png
diff --git a/...torybook-all-color-swatches-dark-colorblind-borderColor-open-emphasis-linux.png b/...torybook-all-color-swatches-dark-colorblind-borderColor-open-emphasis-linux.png
diff --git a/...s/storybook-all-color-swatches-dark-colorblind-borderColor-open-muted-linux.png b/...s/storybook-all-color-swatches-dark-colorblind-borderColor-open-muted-linux.png
diff --git a/...s-snapshots/storybook-all-color-swatches-dark-colorblind-fgColor-open-linux.png b/...s-snapshots/storybook-all-color-swatches-dark-colorblind-fgColor-open-linux.png
diff --git a/...s/storybook-all-color-swatches-light-colorblind-bgColor-open-emphasis-linux.png b/...s/storybook-all-color-swatches-light-colorblind-bgColor-open-emphasis-linux.png
diff --git a/...orybook-all-color-swatches-light-colorblind-borderColor-open-emphasis-linux.png b/...orybook-all-color-swatches-light-colorblind-borderColor-open-emphasis-linux.png
diff --git a/...-snapshots/storybook-all-color-swatches-light-colorblind-fgColor-open-linux.png b/...-snapshots/storybook-all-color-swatches-light-colorblind-fgColor-open-linux.png
diff --git a/package-lock.json b/package-lock.json
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}',
           },
         },
       },
@@ -470,6 +480,10 @@
               $value: '{borderColor.default}',
               alpha: 0.4,
             },
+            'dark-protanopia-deuteranopia': {
+              $value: '{borderColor.default}',
+              alpha: 0.4,
+            },
             'light-protanopia-deuteranopia': {
               $value: '{borderColor.default}',
               alpha: 0.4,

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}',
         },