Add a dark theme properly — not just inverted colors.
DesignCoding💾 0 savesby 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.