One Dark Theme
The Atom classic — a balanced, restrained all-rounder dark theme
// 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 "One Dark 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-one-dark-theme.png
3. Generate the theme with it, colors: accent #61afef, secondary #c678dd, highlight #61afef
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
One Dark comes from the discontinued Atom editor, yet became synonymous with balanced restraint — no loud signature color, just-right contrast, and excellent readability across nearly every language. If you want an unflashy, all-purpose Codex skin, One Dark is the safest all-rounder, and the first dark theme for many developers.
Palette breakdown
The background #282C34 is Atom's signature cool blue-gray; panels #21252C layer it. The primary #61AFEF clean blue drives accents and links, the secondary #C678DD purple marks keywords. Body text #ABB2BF blue-gray, muted #5C6370 deep gray — restrained and durable. Syntax: strings #98C379 green, functions #61AFEF blue, keywords #C678DD purple, comments #5C6370.
How to apply
On macOS, use the Customize command with a background image and One Dark's blue-purple: customize-theme-macos.sh --image bg.png --name "One Dark" --accent "#61afef" --secondary "#c678dd" --highlight "#98c379". It auto-applies via local CDP.
FAQ for this theme
One Dark vs Tokyo Night?
One Dark is more restrained and universal; Tokyo Night has more blue-purple atmosphere and feels more modern. Pick One Dark for safety, Tokyo Night for 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