Skip to content

feat: add Windows forced-colors mode support (DS-067) - #502

Merged
IbrahimIjai merged 1 commit into
SO4-Markets:mainfrom
precious-akpan:feat/467-forced-colors-support
Jul 30, 2026
Merged

feat: add Windows forced-colors mode support (DS-067)#502
IbrahimIjai merged 1 commit into
SO4-Markets:mainfrom
precious-akpan:feat/467-forced-colors-support

Conversation

@precious-akpan

Copy link
Copy Markdown
Contributor

Summary

Adds comprehensive support for Windows High Contrast Mode (forced-colors) to ensure all core primitives remain operable.

Changes

  • Added @media (forced-colors: active) CSS overrides in globals.css
  • System color fallbacks for all interactive elements
  • Buttons, links, fields, tabs, dialogs, menus, alerts all supported
  • Selected, invalid, and focused states remain distinguishable
  • Icons and SVGs use currentColor for automatic adaptation
  • Background images and gradients removed in forced-colors mode
  • Manual verification checklist included

System Colors Used

  • ButtonText, ButtonFace - Buttons
  • CanvasText, Canvas - Text and backgrounds
  • FieldText, Field - Form controls
  • LinkText - Links
  • Highlight, HighlightText - Selected/focused states
  • GrayText - Disabled states

Testing

Includes comprehensive manual verification checklist:

  • packages/ui/FORCED_COLORS_CHECKLIST.md
  • Covers all core components
  • Step-by-step testing workflow
  • Browser setup instructions

Acceptance Criteria Met

✅ Buttons, links, fields, tabs, dialogs, menus, alerts remain operable
✅ Selected, invalid, and focused states distinguishable
✅ No essential meaning relies on background images or gradients
✅ Overrides use system colors, not hardcoded replacements
✅ Manual verification checklist included

Closes #467

- Add comprehensive @media (forced-colors: active) overrides
- Use system colors (ButtonText, CanvasText, Highlight, etc.)
- Ensure buttons, links, fields, tabs, dialogs, menus remain operable
- Selected, invalid, and focused states remain distinguishable
- Icons and SVGs use currentColor for visibility
- Remove background images and gradients in forced-colors
- Include manual verification checklist

Closes SO4-Markets#467
@vercel

vercel Bot commented Jul 30, 2026

Copy link
Copy Markdown

@precious-akpan is attempting to deploy a commit to the Ijai's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@precious-akpan Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@IbrahimIjai
IbrahimIjai merged commit 960a355 into SO4-Markets:main Jul 30, 2026
0 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

DS-067: Support Windows forced-colors mode

2 participants