Ocean Theme
Blue calm — an immersive deep-sea vibe
// 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-ocean-themeLibrary path: ~/Library/Application Support/CodexDreamSkinStudio/themes/codex-ocean-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 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)
}Hatsune Miku Theme
A Vocaloid teal skin that turns Codex into your own diva console