Skip to main content

Codex Themes: Browse, Preview & Apply Custom Skins for the Codex CLI & App

Codex themes cover two different surfaces: built-in color and font controls in the CLI and desktop app, and community skins like Codex Dream Skin that go further. The gallery below filters both, and every card comes with the exact steps to apply it.

TL;DR

  • The CLI stores its theme as tui.theme in ~/.codex/config.toml, set via the /theme picker or by hand
  • The desktop app has its own Settings → Appearance panel, plus a portable codex-theme-v1 export/import string
  • Codex Dream Skin is a separate, MIT-licensed community project with 8 skins for the desktop app only, not the CLI
  • MOLTamp is a different thing again: a skinnable terminal shell that wraps Codex CLI (and other agents) rather than recoloring Codex itself

How to Apply a Theme in the Codex CLI

The Codex CLI is a Ratatui-based terminal interface, and its color scheme lives in one place: the tui.theme key under the [tui] block of ~/.codex/config.toml, written as a kebab-case name (for example theme = "catppuccin-mocha"). The fastest way to set it is typing /theme in any session, which opens a live-preview picker that updates code samples as you move through options and writes your choice back to that file.

For a theme that is not in the built-in list, drop a .tmTheme file, a TextMate-format theme file, into ~/.codex/themes/. These come from sources like the Catppuccin project or general TextMate theme repositories, and Codex will pick them up as additional entries in the /theme picker. Codex also supports profile-scoped themes: adding [profiles.<name>.tui] theme = "..." overrides the root setting only when that profile is active, which is useful if you run Codex against more than one project with different terminal setups.

# ~/.codex/config.toml
[tui]
theme = "catppuccin-mocha"
animations = true
alternate_screen = "auto"

# Optional: override just for one profile
[profiles.work.tui]
theme = "solarized-dark"

Data as of 2026-07-16. Config keys and behavior are per the official config reference at developers.openai.com/codex; the CLI theme system does not read Codex Dream Skin or MOLTamp installs, since both operate outside config.toml.

Changing the Codex Desktop App Appearance

The desktop app keeps its theme controls separate from the CLI. Open Settings with Cmd+, then go to Appearance to reach a base theme selector (Light, Dark, or System, which follows your OS), plus individual controls for accent color, background color, foreground or ink color, window opacity, UI font, code font, and semantic diff colors (diffAdded, diffRemoved, skill). The app's built-in library reportedly includes Catppuccin, Monokai, and Solarized variants alongside a handful of partner themes matching third-party products.

Every combination of those settings can be exported as a single codex-theme-v1 string from the same Appearance panel, and importing one from a teammate applies every setting at once instead of rebuilding it field by field. That format is covered in the next section.

What Is codex-theme-v1 (the Shareable Theme Format)

codex-theme-v1 is the JSON format the desktop app uses to package a full theme into one portable string: a codeThemeId reference, accent/ink/surface hex colors, a contrast level, UI and code font names, a window-opacity flag, semantic diff colors, and a dark-or-light variant flag. The whole thing ships with a codex-theme-v1: prefix, which the app strips before parsing the rest as standard JSON.

codex-theme-v1:{"codeThemeId":"one","variant":"dark","theme":{"accent":"#cba6f7","ink":"#cdd6f4","surface":"#1e1e2e"}}

Paste a string like that into Settings → Appearance → Import and it applies immediately. Export works the same way in reverse, which makes three sharing patterns practical for teams standardizing on the same Codex themes: committing an exported string to a team dotfiles repo, embedding it as a comment in a project's AGENTS.md so new contributors can paste it in on day one, or packaging it inside a Codex plugin's plugin.json under appConfig so the theme applies automatically when someone installs that plugin.

Codex Dream Skin vs MOLTamp vs Official Codex Themes

These three approaches to Codex themes solve different problems and are not really competing for the same job. The table below is meant to route you to the right one rather than rank them.

OptionWhat it isBest forNot ideal for
Official Codex themes (App Settings + CLI /theme)Base theme, accent/background/ink colors, fonts, and the codex-theme-v1 export string. All inside Codex itself, no third-party install.Anyone who wants a supported, update-safe way to change colors and fonts without installing anything extra.People who want a fully custom shell: panels, widgets, or a skin that changes more than colors and fonts.
Codex Dream Skin (community, MIT)A separate installer that re-skins the desktop app's chrome via local CDP injection. Ships 8 illustrated skins and does not touch the .app package or API config.Desktop app users who want a more decorative look than the built-in palette editor offers, and are comfortable running a third-party script.CLI-only users (it only targets the Electron desktop shell) or anyone who wants OpenAI-maintained, auto-updating theming.
MOLTampA skinnable terminal shell that wraps Codex CLI, Claude Code, Gemini CLI, or Aider. CSS-controlled panels, widgets, and visualizers wrap whichever agent runs inside it.People who run multiple CLI coding agents and want one consistent, heavily customized shell across all of them.Anyone who just wants to recolor Codex itself: MOLTamp changes the surrounding terminal environment, not Codex's own theme.

Is Skinning Codex Safe?

The official Codex themes, CLI config.toml and the app's Appearance panel, are part of Codex itself, so there is nothing extra to trust. Codex Dream Skin is the one worth reading before you run it, since it is a third-party script rather than an OpenAI feature.

Its own documentation is specific about what it does and does not touch: it applies themes through local Chrome DevTools Protocol (CDP) injection bound to 127.0.0.1 only, it does not modify the Codex .app bundle, app.asar, or WindowsApps package, and it does not automatically rewrite your API key or base URL configuration. That is a narrower footprint than a lot of "reskin your app" tools attempt. It is still a local script with CDP access to a running Codex session though, so the usual local-automation habits apply: read the installer before running it, and avoid running unfamiliar programs on the same machine while it is active, which the project's own README also calls out.

MOLTamp works at a different layer entirely. It wraps the terminal Codex runs inside rather than touching Codex's own process, so from Codex's point of view nothing about the session changes; the visual layer sits outside it in the surrounding shell.

J

Jim Liu

Builds and ships AI tooling, and writes setup and configuration guidance for developer-facing AI products. Publishes tools and analysis at OpenAI Tools Hub.

Frequently Asked Questions

What are Codex themes?

Codex themes are color and font presets for the OpenAI Codex CLI and desktop app: base theme (light/dark/system), accent and background colors, code and UI fonts, and semantic diff colors. The desktop app exports and imports these as a codex-theme-v1 string, and the CLI stores its pick as tui.theme in config.toml. Third-party projects like Codex Dream Skin add decorative skins on top of the desktop app's own chrome, going further than the official color controls.

How do I change the Codex theme?

In the desktop app, open Settings (Cmd+,) → Appearance and pick a base theme, or set individual accent/background/font values. In the CLI, type /theme in any session to open a live-preview picker. Your choice is saved as theme under the [tui] section in ~/.codex/config.toml, so you can also edit that file directly once you know the theme name.

What is the Codex CLI color scheme setting?

The Codex CLI reads its color scheme from tui.theme inside the [tui] block of ~/.codex/config.toml, written as a kebab-case name (for example theme = "catppuccin-mocha"). Custom color schemes come from .tmTheme files, TextMate-format theme files, dropped into ~/.codex/themes/. You can scope a theme to one profile only with [profiles.<name>.tui] theme = "...", overriding the root setting just for that profile.

Is there a Codex dark theme?

Yes. Dark is one of the base theme options in the desktop app's Settings → Appearance panel, alongside Light and System, which follows your OS setting. Within dark mode you can still adjust accent, background, and ink colors independently, or pick a full built-in dark preset such as Catppuccin Mocha, Monokai, or Solarized Dark.

Can I set a custom font in Codex?

Yes. The desktop app's Appearance settings expose separate font pickers for UI font (menus, sidebar, chat text) and code font (the monospace face used in diffs and code blocks), and both are saved in the theme's codex-theme-v1 export. The CLI runs in whatever terminal font your terminal emulator uses; Codex itself doesn't control it there.

Is Codex Dream Skin safe to install?

Codex Dream Skin is an MIT-licensed, community-built project (722 stars, 127 forks as of mid-2026), not an official OpenAI release. Its own documentation states it applies themes through local Chrome DevTools Protocol (CDP) injection bound to 127.0.0.1 only, and explicitly does not modify the Codex .app bundle, app.asar, or WindowsApps package, and does not touch your API key or base URL config. That said, it still runs a third-party script against a live app session, so read the installer script before running it, and only run it on a machine where you understand what CDP access can do, the same way you would for any local automation tool.

What is the codex-theme-v1 format?

codex-theme-v1 is the portable JSON format the Codex desktop app uses to export and import a full theme: surface, accent, and ink colors, contrast level, UI and code font names, window opacity, and semantic diff colors, wrapped in a codex-theme-v1: prefix as a single string. Paste one into Settings → Appearance → Import to apply it, or export your own current settings the same way. Teams commonly commit an exported string to a dotfiles repo or an AGENTS.md comment so new contributors can paste in the same look.

Related Tools and Guides

Dream Skin preview images are from the MIT-licensed Fei-Away/Codex-Dream-Skin project on GitHub, used here for identification purposes. This page is not affiliated with OpenAI, Codex Dream Skin, or MOLTamp. Data as of 2026-07-16.

Sponsored

Ad served by Adsterra. OpenAIToolsHub is not responsible for advertiser content.