Monokai Theme
The original editor color scheme — iconic pink-green contrast
// 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 "Monokai 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-monokai-theme.png
3. Generate the theme with it, colors: accent #f92672, secondary #66d9ef, highlight #f92672
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
Monokai is practically synonymous with code-editor color schemes — popular from the TextMate and Sublime Text era right through today. Its signature is the high-contrast combo of pink keywords against green strings, instantly recognizable among dark themes. This Codex version keeps Monokai's warm deep base and signature syntax colors — perfect for nostalgic veteran developers.
Palette breakdown
The background #272822 is Monokai's signature warm brownish-green, with code blocks a shade deeper at #1E1F1C. The primary #F92672 (pink) drives keywords and accents, the secondary #66D9EF (cyan) marks function names. The syntax colors are its soul: strings #E6DB74 warm yellow, comments #75715E gray-brown, keywords pink, functions cyan — high contrast yet harmonious. Body text #F8F8F2 is near-white.
How to apply
On macOS, use the Customize command with a background image and Monokai's pink-cyan colors: customize-theme-macos.sh --image bg.png --name "Monokai" --accent "#f92672" --secondary "#66d9ef" --highlight "#a6e22e". It auto-applies via local CDP once generated.
FAQ for this theme
Monokai vs Dracula?
Monokai is warmer with stronger pink-green contrast; Dracula is cooler purple-pink and softer. Pick Monokai for high contrast, Dracula for a calmer feel.
How do I restore?
Double-click Restore Codex Dream Skin.command to return to the default UI.
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)
}Dracula Theme
The classic developer dark scheme — timeless purple-pink cool tones
// 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)
}Tokyo Night Theme
Late-night Tokyo neon — a modern blue-purple developer palette