How to import and change a Codex theme
Codex App and Codex CLI use different theme formats. Choose your surface below, follow three steps, and apply a new look in a couple of minutes.
Choose where you use Codex
The desktop App imports a JSON share string. The terminal CLI loads a TextMate theme file.
The desktop app imports a complete codex-theme-v1 string from Appearance settings. Copy a ready-made theme first, then follow these three steps.
codex-theme-v1:{"codeThemeId":"one","theme":{"accent":"#88c0d0","contrast":100,"fonts":{"code":null,"ui":null},"ink":"#d8dee9","opaqueWindows":true,"semanticColors":{"diffAdded":"#a3be8c","diffRemoved":"#bf616a","skill":"#b48ead"},"surface":"#2e3440"},"variant":"dark"}codex-theme-v1:, contains valid JSON, uses six-digit hex colors, and does not include Markdown code fences. Some app versions also accept only a codeThemeId already listed in their code-theme dropdown.Codex App themes vs. CLI themes
The two formats solve related problems, but they are not interchangeable.
Format: codex-theme-v1 JSON string
Changes interface colors, fonts, semantic colors, and code palette.
Path: Settings → Appearance → Import
Format: TextMate .tmTheme file
Changes terminal syntax highlighting and diff colors.
Path: $CODEX_HOME/themes → /theme
Popular themes to try
Click any card to copy a complete Codex App import string, then paste it into Appearance settings.
Frequently asked questions
It is the shareable theme payload used by the Codex desktop app. It includes the App theme colors, fonts, semantic colors, variant, and a base code-theme ID in one copyable string.
Check the codex-theme-v1 prefix, JSON syntax, six-digit hex colors, and codeThemeId. Some app versions have been reported to accept only code-theme IDs already available in their dropdown.
Not directly. The desktop App uses a codex-theme-v1 JSON string, while Codex CLI uses a TextMate .tmTheme file. You need a version of the theme in each format.
Continue learning
Build a native theme string from colors, fonts, semantic values, and a compatible code palette.
Use the unofficial Dream Skin workflow to add an image, banner, and decorative layers on macOS or Windows.