PromptVault
DesignProIntermediate

Dark-mode tokens from a light-theme source

A production-shaped dark theme preserving semantic aliases and interaction states.

Works with
  • Gemini
  • Claude
The prompt148 words · 1 blank

Refactor [token_source] into a dark-mode token set while preserving the source syntax…

The full prompt is in the app

Included with PromptVault Pro. Fill in the blanks there, then copy it into Claude.

What you fill in

  • Light-theme tokens[token_source]Example--surface-default: #FFFFFF; --text-primary: #17202A; --action-primary: #1769E0;

How to use it

  1. 1Open it in PromptVault. Find it in Design, or search for “Dark-mode tokens from a light-theme source”.
  2. 2Fill in the blank. light-theme tokens — the only things the prompt cannot know.
  3. 3Copy and paste it into Claude. It also works with Gemini.

About this prompt

“Dark-mode tokens from a light-theme source” is a intermediate design prompt. A production-shaped dark theme preserving semantic aliases and interaction states. It is 148 words long and written to get a usable answer on the first message, in Gemini and Claude or any other chat assistant. Good for: design system, color, accessibility, rewrite and handoff. Like every prompt in PromptVault, it was written and edited in-house, and it works offline once the app is installed.

More design prompts

All 64 in Design