Cyberpunk Theme
Neon pink-cyan future vibes — turn Codex into a Night City terminal
// 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 "Cyberpunk 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-cyberpunk-theme.png
3. Generate the theme with it, colors: accent #ff2e6e, secondary #00f0ff, highlight #ff2e6e
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
The Cyberpunk theme pairs classic neon pink (#FF2E6E) with electric cyan (#00F0FF) over a near-black deep-purple base, instantly turning Codex into a Night City hacker terminal. High contrast, strong atmosphere — great for content creators who want a flashy futuristic look that pops on camera. Pairs best with a cyberpunk city-night background image.
Palette breakdown
The background #0A0A1A is near-black with a purple tint; panels #11112A are slightly lighter. The primary #FF2E6E neon pink drives accent buttons, links, and keywords; the secondary #00F0FF electric cyan marks functions and active states — the pink-cyan clash is the soul of cyberpunk. Syntax: strings #FCEE0C neon yellow, comments #6A6A9E dim purple. Body text #E7F6FF cool white.
How to apply
On macOS, use the Customize command with a cyberpunk city-night image and the neon pink-cyan colors: customize-theme-macos.sh --image city.png --name "Cyberpunk" --accent "#ff2e6e" --secondary "#00f0ff" --highlight "#fcee0c". It auto-applies via local CDP once generated.
FAQ for this theme
Is the Cyberpunk theme too harsh?
The neon pink-cyan contrast is strong and flashy in short bursts, but may be slightly more tiring than Nord/Dracula over long sessions. Pair it with a darker background, or treat it as a demo/streaming skin.
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)
}Aurora Theme
Nordic-night aurora — dreamy green-purple-cyan gradients
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Ocean Theme
Blue calm — an immersive deep-sea vibe
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Galaxy Theme
Cosmic deep space — an immersive purple-blue galaxy vibe