Skip to content

Commit 7880214

Browse files
kevinxhclaude
andauthored
fix(a11y): Improve color swatch text contrast for WCAG 2 AA compliance (#3510)
* fix(a11y): Improve color swatch text contrast for WCAG 2 AA compliance Change unselected color swatch text from gray.200 to gray.600 to meet the minimum contrast ratio of 4.5:1 against white backgrounds. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * trigger ci --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 4de195b commit 7880214

File tree

1 file changed

+1
-1
lines changed
  • packages/template-retail-react-app/app/theme/components/project

1 file changed

+1
-1
lines changed

packages/template-retail-react-app/app/theme/components/project/swatch-group.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export default {
4141
marginRight: 2,
4242
marginLeft: 0,
4343
marginBottom: 2,
44-
color: `${props.selected ? 'black' : 'gray.200'}`,
44+
color: `${props.selected ? 'black' : 'gray.600'}`,
4545
border: `${props.selected ? '1px' : '0'}`,
4646
_hover: {
4747
borderColor: `${props.selected ? 'black' : 'gray.200'}`,

0 commit comments

Comments
 (0)