Catppuccin Theme
Soft pastel macaron palette — the hottest warm dark theme among developers
// 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 "Catppuccin 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-catppuccin-theme.png
3. Generate the theme with it, colors: accent #cba6f7, secondary #f5c2e7, highlight #cba6f7
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
Catppuccin is a phenomenon that swept across editors and terminals in the last couple of years, known for being soft, warm, low-contrast yet crisp. It lays macaron-like pale purple, pink, green and blue over a warm dark base — eye-friendly, recognizable, and not tiring. Great for developers who want a gentle palette that stays tasteful and trendy.
Palette breakdown
The background #1E1E2E is Catppuccin Mocha's warm dark base; panels #181825 and the sidebar #11111B layer it. The primary #CBA6F7 pale lavender drives accents, the secondary #F5C2E7 pink accents them — Catppuccin's signature macaron pair. Body text #CDD6F4 near-white, muted #7F849C gray. Syntax: strings #A6E3A1 mint green, functions #89B4FA soft blue, comments #6C7086.
How to apply
On macOS, use the Customize command with a background image and Catppuccin's pale lavender-pink: customize-theme-macos.sh --image bg.png --name "Catppuccin" --accent "#cba6f7" --secondary "#f5c2e7" --highlight "#89b4fa". It auto-applies via local CDP.
FAQ for this theme
Is Catppuccin's contrast enough?
It's deliberately soft but still meets W3C contrast and is readable in normal conditions. In bright light, nudge the background or text lighter.
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