Ocean Theme
Blue calm — an immersive deep-sea vibe
// 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 "Ocean 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-ocean-theme.png
3. Generate the theme with it, colors: accent #0ea5e9, secondary #22d3ee, highlight #0ea5e9
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 Ocean theme uses a deep blue-cyan base with sky-blue and aqua accents to create the calm, immersive feel of diving into the deep sea. No harsh contrast — just tranquil blue tones — for developers who need focus and a quiet working environment. Pairs best with ocean, water-ripple, or deep-sea backgrounds.
Palette breakdown
The background #06121A is a deep-sea near-black blue; panels #0C1E2A and the sidebar #091820 add depth. The primary #0EA5E9 sky-blue drives accents, the secondary #22D3EE aqua accents them — a unified blue-cyan whole. Body text #E0F7FF cool white, muted #6F9AAB slate-blue. Syntax: keywords cyan, strings green, functions light blue.
How to apply
On macOS, use the Customize command with an ocean background and the sky-blue aqua colors: customize-theme-macos.sh --image ocean.png --name "Ocean" --accent "#0ea5e9" --secondary "#22d3ee" --highlight "#60a5fa". It auto-applies via local CDP once generated.
FAQ for this theme
Is Ocean easy on the eyes?
Blue tones are inherently calming with moderate contrast, comfortable for long use — one of the solid eye-care options.
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)
}Cyberpunk Theme
Neon pink-cyan future vibes — turn Codex into a Night City terminal
// 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)
}Galaxy Theme
Cosmic deep space — an immersive purple-blue galaxy vibe