Dracula Theme
The classic developer dark scheme — timeless purple-pink cool tones
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Get this theme
Pick either — both run locally and restore in one click (macOS only; Windows supports just the built-in fixed skin — see the tutorial).
Copy the prompt below, paste it into Codex or Claude, and send. The AI clones & installs Codex Dream Skin, downloads this theme's matching background, generates the theme with its palette, and applies it.
Use the open-source Codex Dream Skin project to install the Codex theming tool and apply the "Dracula Theme" theme:
1. Clone & install: https://github.com/Fei-Away/Codex-Dream-Skin (macOS reuses Codex's bundled Node; Windows needs Node.js 22+)
2. Download the matching background: https://codexskins.art/themes/codex-dracula-theme.png
3. Generate the theme with it, colors: accent #bd93f9, secondary #ff79c6, highlight #bd93f9
4. Apply to Codex; tune colors if any text is unreadable
If the engine isn't installed yet, install it per the repo README first; run Restore to revert if anything goes wrong.Color palette
The core palette for this theme. Every control — sidebar, input box, suggestion card, code block — uses these colors.
Tags
Overview
Dracula is one of the most popular dark color schemes in the developer world, appearing everywhere from VS Code and Vim to countless terminals. This Codex version faithfully recreates Dracula's cool purple-pink tones: a deep blue-purple base, a purple primary with a pink secondary, and green/cyan/yellow syntax accents that stay comfortable and recognizable over long sessions. Ideal for developers who want a classic, dependable, good-looking Codex skin.
Palette breakdown
The background #282A36 is Dracula's signature deep blue-purple, softer than pure black; panels #343746 and the sidebar #21222C create depth. The primary #BD93F9 (light purple) drives accent buttons and code keywords, while the secondary #FF79C6 (pink) marks active states. Body text #F8F8F2 is near-white, muted text steps down to #6272A4 (slate blue) for readability. Syntax highlighting follows the official spec: strings #50FA7B green, functions #8BE9FD cyan, comments #6272A4 gray.
How to apply
On macOS, run the Customize command, pick a dark background image, and set Dracula's purple-pink colors — the CLI equivalent is customize-theme-macos.sh --image bg.png --name "Dracula" --accent "#bd93f9" --secondary "#ff79c6" --highlight "#8be9fd". The script writes theme.json and auto-applies it via CDP injection over the local loopback 127.0.0.1:9341. Windows currently only ships a fixed skin; custom images are macOS-only.
FAQ for this theme
Is this Dracula theme free?
The palette is free to reference — Dracula's colors are public, so you can generate it yourself from the values and tutorial above. Or use our commission service if you'd rather not fuss.
How do I restore?
Double-click Restore Codex Dream Skin.command — one command returns Codex to its default UI without affecting future updates.
Before you use it
Theme previews on this page are illustrative; actual results depend on your local setup. Theming works via local CDP (Chrome DevTools Protocol) CSS/JS injection — an unofficial approach that never modifies the official Codex bundle or code signature, but a Codex version update may briefly break the skin. If it breaks, run the open-source Restore script to revert, or wait for the engine to update. Please use it in line with Codex's terms of service.
Related themes
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Nord Theme
Arctic Nordic cool tones — restrained and easy on the eyes
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Monokai Theme
The original editor color scheme — iconic pink-green contrast
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Tokyo Night Theme
Late-night Tokyo neon — a modern blue-purple developer palette