From 7ab767e97c6c4c1bea549e7386f3b8fbe164bf16 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 20 Jan 2025 09:41:58 +0100 Subject: [PATCH] update borderColor, fgColor & bgColor open for dark & light protanopia-deuteranopia --- .changeset/famous-masks-itch.md | 7 ++++++- src/tokens/functional/color/bgColor.json5 | 7 +++++++ src/tokens/functional/color/borderColor.json5 | 10 ++++++++++ src/tokens/functional/color/fgColor.json5 | 4 ++-- 4 files changed, 25 insertions(+), 3 deletions(-) diff --git a/.changeset/famous-masks-itch.md b/.changeset/famous-masks-itch.md index ca3c9f2bf..af05ddb12 100644 --- 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 index 12437038e..759171c52 100644 --- 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 index 626bf23e3..cd5ee3145 100644 --- 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 index 0965ee500..a3078f872 100644 --- 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}', },