Free · Browser-local · Unofficial

Codex theme Builder

Image in. Five workspace checks. Reviewable files out. Your wallpaper stays on this device and no account is required.

Live previewMidnight Orbit

Free · Local

What do you want to create?

Import a codex-theme-v1 color theme in Appearance. No external skin installation is needed.

Image

Quick preset suggestionFree · browser local

This free local parser translates supported words into editable theme controls. Your text, images, preview and exports remain in this browser.

Describe the look you wantSupported examples: dark or daylight; ocean, sage, ember, rose, neutral, minimal; high contrast; rounded or square; glass, flat, or solid surfaces.

Grok theme proposal

5 credits

Describe a direction and review an editable palette proposal. Generation and applying are separate actions.

Theme directionTarget export

Checking your credit balance… · 5 credits per completed proposal

Only the text you enter here is sent to Grok through our owned gateway. Your Builder image stays in this browser. You can check a validated result for 24 hours; after that it is no longer available and is cleaned up when our system next processes it. We keep the necessary account and credit records to handle charges and refunds.

Recipev2

Theme nameStarting theme

Accent

Secondary

Highlight

Backdrop

Diff added

Diff removed

Skill

Surprise palette only draws from the original palettes already in this repository, and every change is undoable.

Image adjustments

Zoom110%

X position50%

Y position48%

Brightness82%

Contrast104%

Saturation105%

Blur2px

Overlay darkness42%

Vignette24%

Surfaces

Sidebar opacity78%

Card opacity76%

Composer opacity84%

Border opacity42%

Corner radius12px

Shadow strength32%

Text brightness96%

ReadabilityPass

Sidebar19.1:1AA target met

Cards19.1:1AA target met

Composer19.1:1AA target met

Sampled text remains readable across the three main surfaces.

Composer stress test

Preview composer textType the longest prompt you actually write. It renders in the live preview composer only and is never stored or sent.

Publish readiness1/6

A browser-local self-review checklist. It is not a credential, a compatibility badge, or any platform verification, and nothing here is submitted anywhere.

Preset or local source selectedPick a starting theme, import a recipe, or choose a local image.
Readability check passedSidebar, cards and composer all reach 4.5:1.
All five preview modes visited (0/5)Open Home, Task, Diff, Terminal and Settings.
At least one data export completedWallpaper, recipe, tokens, .tmTheme or the Theme v1 string.
Install path acknowledgedExplicit checkbox below.
Restore path acknowledgedExplicit checkbox below.

I read the install path for my platform and know what it changes.I know the exact restore action that returns the default appearance.

5 self-review steps left.

Review and exportFree · Local

Export options sit beside the live preview. Check all five views, then download a wallpaper, recipe, tokens, or reviewable data package.

Live preview

Codex AppTheme v1 handoff

Copy the reviewed import string, then use Settings → Appearance → Import. Nothing is installed or written to your device.

codex-theme-v1:…

What are you working on?

Refine this theme…

Use in CodexCopy / download data

Native App colors: copy an import string or use the Appearance fields below.

Codex AppTheme v1 import string

Generates a codex-theme-v1: string you paste into the Codex App's own Settings → Appearance → Import dialog. It is separate from the Codex CLI .tmTheme file, from the wallpaper recipe package, and from any external CDP skin.

This is a reviewable user-reported format snapshot checked 2026-08-21, not an official, stable or guaranteed specification. A current or future Codex App may accept it, reject it, or render it differently. Open the Import dialog that matches your light or dark variant, read the payload before importing, and verify the actual app afterwards. Source: openai/codex issue #14766.

Built-in code theme IDOnly IDs observed in the reported Appearance dropdown are offered. A custom ID is rejected.

Variant

Import into the matching Codex App appearance mode.

Accent

Surface

Ink

Diff added

Diff removed

Skill

Contrast50

UI fontLocal and system stacks only. No web font is downloaded.Code fontApp default writes null into the payload.

UI size14px

Code size13px

Sizes only change this site's preview. The observed Theme v1 payload carries no size field, so they are never written into the string.

Theme v1 import string (editable)

Shape matches the reviewed Theme v1 snapshot. Copy and download are enabled.

Copy or download the string. Nothing is sent anywhere and nothing is executed.
Open the Codex App, switch to the matching light or dark appearance, then choose Settings → Appearance → Import.
Read the payload in the dialog, import it, and check Home, a task, a diff and the composer yourself.
If the app rejects or misrenders it, remove it in the same Appearance panel. This site cannot apply, install or restore anything for you.

Codex AppManual Appearance colors

A fallback for builds without an Import dialog: copy these four values and enter them by hand in Codex App's Settings -> Appearance. This site cannot edit the Codex app for you.

Base#080B0D

Accent#B7FF4A

Background#080B0D

Foreground#F5F5F5

Open Codex App and go to Settings -> Appearance.
Paste each value into its matching field: Base, Accent, Background, Foreground.
Review the live preview, then keep or discard. The app stores the choice locally.

Create a custom Codex theme without uploading your image.

This Codex Desktop theme builder processes PNG, JPEG, and WebP files in your browser. Adjust the crop, colors, overlays, and surface contrast while comparing Home, Task, Diff, Terminal, and Settings previews.

What the Codex Theme Builder exports

A wallpaper sized for the current community desktop-skin workflow.
An editable theme recipe and CSS color tokens.
A reviewable data-only ZIP with a README and SHA-256 checksums.

Preview first, then install separately.

The Builder generates a reviewable Theme v1 string for the native Settings → Appearance → Import dialog, but it does not patch the official desktop app, run an installer, or turn a preview into a compatibility claim. Review the current macOS and Windows installation paths, verify the upstream source, and keep the restore guide ready.