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
The commands below are macOS-only (custom-image themes are macOS-exclusive). Windows currently supports only the built-in fixed skin — see the Windows section of the tutorial. Both methods run locally and restore in one click.
Copy apply command (recommended)
Copy and run — it auto-downloads this theme's matching background to ~/Downloads, generates theme.json, and auto-applies (edit the image path in the command to use your own).
Download theme.json pack
Download theme.json and put it in one folder with your background image (renamed background.jpg).
For option 2, drop the folder into the theme library, then switch:
~/.codex/codex-dream-skin-studio/scripts/switch-theme-macos.sh --id codex-cyberpunk-themeLibrary path: ~/Library/Application Support/CodexDreamSkinStudio/themes/codex-cyberpunk-theme/ (needs theme.json + background.jpg). Hot-switches if Codex is open; otherwise double-click Start.
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)
}Hatsune Miku Theme
A Vocaloid teal skin that turns Codex into your own diva console