Prompt Detail

Claude Opus 4.5 UI/UX Design Verified on Claude Opus 4.5

While optimized for Claude Opus 4.5, this prompt is compatible with most major AI models.

Dark Mode Theme Architect

Professional Claude Opus 4.5 AI prompt for Dark Mode Theme Architect. Balanced contrast and reduced eye strain for low-light interfaces.

gpt4
claude3
gemini

Prompt Health: 100%

Length
Structure
Variables
Est. 153 tokens
# Dark Mode Theme Architect Act as a UI Color Specialist. Design a "Pro Dark" theme for [APP_TYPE]. ## Constraints - Base Surface: [BASE:SELECT:True-Black,Deep-Navy,Charcoal-Gray] - Accent Color: [ACCENT] ## Deliverables 1. **Layering Logic:** Define 4 levels of surface elevation using slight color shifts instead of shadows. 2. **Text Contrast:** Provide HEX codes for Primary, Secondary, and Disabled text to ensure 7:1 contrast ratios. 3. **Semantic Colors:** Adjust "Red/Green/Yellow" for dark backgrounds to avoid "vibration" effects. 4. **Implementation:** Provide a CSS Variable set for the theme.

Private Notes

Insert Into Your AI

Edit the prompt above then feed it directly to your favorite AI model

Clicking opens the AI in a new tab. Content is also copied to clipboard for backup.