Components.AI: Support reduced motion, forced colors, dark mode, and visible focus
- Dominant language
- C#
- Stars
- 38.4k
- Forks
- 10.9k
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 281
Description
### Is your feature request related to a problem? Please describe the problem.
The stylesheet has animations and extensive theme tokens but no reduced-motion, forced-colors, or dark-mode handling, and focus visibility is incomplete.
### Describe the solution you'd like
Disable or reduce nonessential motion, provide forced-colors-safe states and focus indicators, and supply coherent dark-mode defaults through existing custom properties without preventing application themes.
### Additional context
Leaf task for #68227 requirements H8 and I3-I5.
Contributor guide
Research direction
Start by locating the Components.AI stylesheet and review the linked #68227 requirements H8 and I3-I5. Implement reduced-motion, forced-colors, dark-mode, and visible-focus handling through the existing custom properties, while preserving application themes; done means these states are coherent and accessible without overriding app-specific themes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100