📝 Prompt

Dark Mode Conversion Plan

Add a dark theme properly — not just inverted colors.

DesignCoding 💾 0 saves by PromptChief Team
Help me add a dark mode to my product. CURRENT (light) PALETTE: [[PALETTE]] PRODUCT TYPE: [[PRODUCT]] Deliver: 1. A dark-mode color system (surfaces, elevation, text, borders) — not pure black 2. How to remap brand and semantic colors for contrast 3. Accessibility: contrast ratios to hit and pairings to avoid 4. Handling images, shadows, and illustrations in dark 5. Implementation approach (tokens, CSS variables, theme switching) 6. Common dark-mode mistakes Aim for comfortable, legible, and on-brand in both themes.
Share 𝕏 in LinkedIn WhatsApp Reddit

Use this prompt in one click

Save it, fill in the [[variables]], and inject it straight into ChatGPT, Claude or Gemini with the free PromptChief extension.

Open in Prompt Hub →

← Browse all prompts