toolcacheAI Design Prompts › Dark Mode Design System

Dark Mode Design System

Design a dark mode implementation for [APP/WEBSITE]. Provide: color palette transformation (how each light color maps to dark), semantic color tokens (surface, on-surface, primary, secondary), elevation system (shadows in dark mode), image and illustration adaptation, text readability (contrast ratios), component-by-component transformation guide, CSS implementation (custom properties + media query), toggle UI design, transition animation, and testing checklist for common dark mode issues.

    
🔒

Unlock this prompt

You have 5 free unlocks remaining

or
Get unlimited access from £2.99 →

How to use this prompt

Copy the prompt above and paste it into ChatGPT, Claude, Gemini, or any AI assistant. Replace the bracketed placeholders with your specific details.

Leave a Review

Tried this prompt? Let us know how it worked — your reviews help other users find the best prompts.

Get Unlimited Access →Browse All 2,400 Prompts