# Tool: Design Prompt for Dark Mode Interface Adaptations

> Transform UI themes gracefully with the BOPINK Dark Mode Theme Studio. Built for Product Designers, Design System Engineers, and Frontend Developers, this tool generates prompts that instruct AI models to adapt existing light mode interface palettes into dark themes with low visual glare, subtle surface elevation lighting, and high-contrast WCAG AA text legibility.

**Category**: prompts-code-design | **Target AI Models**: Claude 3.5 Sonnet, Gemini 3.6 Flash

## Domain Parameters:
- `darkTone` (select): Dark Mode Base Canvas Slate (Default: "Deep Slate")
- `surfaceElevation` (toggle): Z-Axis Surface Elevation Lighting (Default: "true")
- `desaturateAccents` (toggle): Desaturate Brand Accent Colors (Default: "true")
- `systemPreferenceSync` (toggle): prefers-color-scheme Media Sync (Default: "true")

## Master Prompt Engineering Architecture (5 Pillars):
1. **Role & Persona**: Domain expert framing
2. **Task & Deliverable**: Primary objective & constraints
3. **Context & Parameters**: Technical specs & camera/stack parameters
4. **Negative Constraints**: Forbidden artifacts & bad practices
5. **Output Spec**: Section formatting & XML/Markdown structure

## Programmatic API Execution:
```http
POST /api/generate-prompt
Content-Type: application/json

{
  "toolSlug": "design-prompt-for-dark-mode-interface-adaptations",
  "rawPrompt": "Your raw concept here",
  "thinkingLevel": "HIGH"
}
```
