Codex Palette for VS Code
All 28 theme families and 43 light/dark variants currently available in Codex, adapted into complete Visual Studio Code color themes with one-command system appearance switching.
Install from the Marketplace · Source code · Report an issue
Included themes
Every entry appears in Preferences: Color Theme with the Codex Palette prefix, so the collection stays grouped in VS Code's theme picker. The original Codex Palette Light and Codex Palette Dark names are preserved for existing users; additional variants use Codex Palette — Family Variant.
| Family |
Light variant |
Dark variant |
| Absolutely |
Absolutely Light |
Absolutely Dark |
| Ayu |
— |
Ayu Dark |
| Catppuccin |
Catppuccin Latte |
Catppuccin Mocha |
| Codex |
Codex Light |
Codex Dark |
| Dracula |
— |
Dracula |
| Everforest |
Everforest Light |
Everforest Dark |
| GitHub |
GitHub Light |
GitHub Dark |
| Gruvbox |
Gruvbox Light |
Gruvbox Dark |
| Linear |
Linear Light |
Linear Dark |
| Lobster |
— |
Lobster Dark |
| Material |
— |
Material Dark |
| Matrix |
— |
Matrix Dark |
| Monokai |
— |
Monokai |
| Night Owl |
— |
Night Owl |
| Nord |
— |
Nord |
| Notion |
Notion Light |
Notion Dark |
| Oscurange |
— |
Oscurange |
| One |
One Light |
One Dark |
| Proof |
Proof Light |
— |
| Raycast |
Raycast Light |
Raycast Dark |
| Rose Pine |
Rose Pine Light |
Rose Pine Dark |
| Sentry |
— |
Sentry Dark |
| Solarized |
Solarized Light |
Solarized Dark |
| Tokyo Night |
— |
Tokyo Night |
| Temple |
— |
Temple Dark |
| Vercel |
Vercel Light |
Vercel Dark |
| VS Code Plus |
VS Code Plus Light |
VS Code Plus Dark |
| Xcode |
Xcode Light |
Xcode Dark |
Codex's System option is an operating-system appearance preference rather than a separate palette. In VS Code, enable window.autoDetectColorScheme and choose any preferred light and dark variants to get the equivalent behavior.
What each theme covers
- Editor, tabs, sidebars, panels, title bar, status bar, command center, menus, inputs, lists, notifications, widgets and minimap
- TextMate syntax highlighting for common languages, markup and diffs
- Semantic token colors for variables, parameters, properties, functions, methods, types and namespaces
- Git decorations, diff editors, diagnostics and debugger controls
- A complete terminal ANSI 16-color palette
- Visible focus states and WCAG AA editor foreground/background contrast
The extension includes a small local activation module for its appearance-configuration commands. It has no runtime dependencies, telemetry or network access.
Install and select a theme
- Install Codex Palette for VS Code.
- Open the Command Palette.
- Run Preferences: Color Theme.
- Search for
Codex Palette and select a variant.
To switch automatically with your operating-system appearance:
- Open the Command Palette.
- Run Codex Palette: Configure Automatic Theme Switching.
- Choose one of the available paired theme families.
The command configures VS Code's built-in appearance settings globally. You can also configure the same behavior manually:
{
"window.autoDetectColorScheme": true,
"workbench.preferredLightColorTheme": "Codex Palette Light",
"workbench.preferredDarkColorTheme": "Codex Palette Dark"
}
Development
npm install
npm run build
npm run check
npm run package
The project uses one maintainable generation pipeline:
src/palettes.mjs
src/codex-source-colors.mjs
src/auto-switch.mjs
↓
scripts/generate-themes.mjs
├─ themes/*.json
├─ src/theme-pairs.mjs
└─ package.json theme contributions
src/extension.mjs + src/theme-pairs.mjs
↓
scripts/build-extension.mjs
└─ dist/extension.js
↓
test/validate-*.mjs
↓
codex-palette.vsix
src/palettes.mjs is the source of truth for theme metadata, fallback colors and independently maintained VS Code mappings.src/codex-source-colors.mjs preserves the core Workbench colors explicitly defined by the Codex theme modules bundled with the recorded ChatGPT build. These source colors always override generated fallbacks without screenshot-sampled or material-simulation adjustments.npm run import:codex-colors -- /path/to/source-themes.json refreshes the recorded core colors from a normalized Codex theme export.npm run build regenerates every theme, removes stale generated themes and synchronizes the extension manifest.npm run check validates catalog completeness, automatic theme pairs and setting updates, source-color fidelity, Workbench coverage, TextMate rules, semantic tokens, focus colors, contrast and all 16 ANSI colors.- Generated theme JSON and the bundled configuration module are committed so the published extension needs no installed runtime dependencies.
- Extraction provenance and the fidelity boundary between imported Codex colors and independently maintained VS Code mappings are documented in SOURCE_PROVENANCE.md.
Scope, names and attribution
This is an independent community project. It is not affiliated with, endorsed by or sponsored by OpenAI or any company referenced by a theme name. “Codex” and other product names are used descriptively to identify visual inspiration and user-selectable presets.
The project does not include company logos, proprietary fonts, application code or runtime assets. VS Code mappings and accessibility adjustments are independently maintained here. Open-source palette inspirations remain attributable to their respective projects; see THIRD_PARTY_NOTICES.md and LICENSE.
