Tokyo Night Theme
Late-night Tokyo neon — a modern blue-purple developer palette
// 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 "Tokyo Night 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-tokyo-night-theme.png
3. Generate the theme with it, colors: accent #7aa2f7, secondary #bb9af7, highlight #7aa2f7
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
Tokyo Night is a dark scheme that's quickly become popular among developers in recent years, inspired by late-night Tokyo neon. A deep blue-black base carries cool blue-purple tones, with soft cyan-green string colors — quiet yet modern, very comfortable for long sessions. If Dracula feels too loud and Nord too plain, Tokyo Night is the sweet spot in between.
Palette breakdown
The background #1A1B26 is a purple-tinted deep night blue; panels #16161E go a shade deeper. The primary #7AA2F7 soft blue drives accents and links, the secondary #BB9AF7 purple marks keywords and active states. Body text #C0CAF5 pale blue-white, muted #565F89 slate blue. Syntax: strings #9ECE6A cyan-green, functions #7DCFFF light cyan, comments #565F89 understated.
How to apply
On macOS, use the Customize command with a background image and Tokyo Night's blue-purple: customize-theme-macos.sh --image bg.png --name "Tokyo Night" --accent "#7aa2f7" --secondary "#bb9af7" --highlight "#7dcfff". It auto-applies via local CDP (127.0.0.1:9341).
FAQ for this theme
Is Tokyo Night good for long sessions?
Very much so. Softer than Dracula, richer than Nord — a widely loved eye-friendly choice with a great late-night vibe.
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)
}Monokai Theme
The original editor color scheme — iconic pink-green contrast