Dracula Theme
The classic developer dark scheme — timeless purple-pink cool tones
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Get this theme
The commands below are macOS-only (custom-image themes are macOS-exclusive). Windows currently supports only the built-in fixed skin — see the Windows section of the tutorial. Both methods run locally and restore in one click.
Copy apply command (recommended)
Copy and run — it auto-downloads this theme's matching background to ~/Downloads, generates theme.json, and auto-applies (edit the image path in the command to use your own).
Download theme.json pack
Download theme.json and put it in one folder with your background image (renamed background.jpg).
For option 2, drop the folder into the theme library, then switch:
~/.codex/codex-dream-skin-studio/scripts/switch-theme-macos.sh --id codex-dracula-themeLibrary path: ~/Library/Application Support/CodexDreamSkinStudio/themes/codex-dracula-theme/ (needs theme.json + background.jpg). Hot-switches if Codex is open; otherwise double-click Start.
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)
}Hatsune Miku Theme
A Vocaloid teal skin that turns Codex into your own diva console