Light/Dark Mode

Make any web project properly light/dark mode compatible. "Compatible" means both modes look intentional and polished — not just that dark mode technically exists.

This skill works in both directions:

• Light → Dark: adding dark mode to a light-only app
• Dark → Light: ensuring the light mode is just as intentional
• Both exist but broken: fixing gaps, contrast failures, or hardcoded colours

Triggers

• "dark mode" / "add dark mode" / "fix dark mode"
• "dark mode broken" / "missing dark styles"
• "light dark toggle"
• "/dark-mode"
• "implement dark theme"