Dark Mode Design

Pre-Flight: Check Design Context

Before generating dark mode code:

1. Use get_design_context to check for existing color tokens, theme variables, or design system.
2. If a Figma URL is provided, pull screenshots for both light and dark variants.
3. Determine: Is this a full dark theme, a dark-first design, or adding dark mode to an existing light UI?

1. Core Rule: Don't Just Invert

Inverting colors produces harsh, unreadable interfaces. Dark mode requires intentional design decisions.