Intermediate
Dark Mode Implementation
dark-mode design system patterns
Full Prompt
Implement dark mode for a design system: color mapping strategy, elevation system with shadow adaptation, image and media treatment, brand color adjustments, CSS custom properties architecture, system preference detection with manual toggle, transition animations between modes, and testing checklist for 15 common dark mode issues
Tags
Works with
✨GPT-4o✨v0✨Claude 3.5 Sonnet
Beginner Rating
4.4(6,439)
Stats
7,606Views
2,157Copies
6,439Likes
2,157Saves