Gruvbox Theme
Retro warm tones — a nostalgic brown-yellow-green 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 "Gruvbox 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-gruvbox-theme.png
3. Generate the theme with it, colors: accent #fe8019, secondary #b8bb26, highlight #fe8019
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
Gruvbox is all about retro warmth — a nostalgic spectrum of brown, yellow, orange and green, inspired by old CRT monitors and natural colors. Its contrast and readability are carefully tuned so it stays comfortable over long use, with a solid, warm retro feel. Great for developers who dislike cool tones and prefer warmth and nostalgia.
Palette breakdown
The background #282828 is Gruvbox's signature warm brownish-gray; code blocks go deeper at #1D2021. The primary #FE8019 orange drives accents, the secondary #B8BB26 yellow-green accents them for a retro warm feel. Body text #EBDBB2 warm cream, muted #928374 gray-brown. Syntax is its soul: keywords #FB4934 red, strings #B8BB26 green, functions #FABD2F yellow.
How to apply
On macOS, use the Customize command with a background image and Gruvbox's orange-green: customize-theme-macos.sh --image bg.png --name "Gruvbox" --accent "#fe8019" --secondary "#b8bb26" --highlight "#fabd2f". It auto-applies via local CDP.
FAQ for this theme
Is Gruvbox easy on the eyes?
Its contrast and hues are tuned for long reading, and warm tones are inherently relaxing — a well-regarded retro eye-care option.
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