Claude Cream

Claude Cream
Palette: warm ivory + amber · Mode: light + dark · Font: PingFang SC + JetBrainsMono Nerd Font Mono · License: MIT

中文版

A warm editorial theme library for Codex, Cursor / VS Code, Zed, Typora, Obsidian, Ghostty, websites, and reusable illustration generation.

Inspired by the Claude.com visual language: layered warm surfaces, restrained amber accents, and a typographic sensibility that makes code feel editorial rather than industrial.

Highlights

- Warm ivory canvas #f5f3e9 — softly layered instead of cold white
- Amber accent #b7791f — restrained, warm, and clear in interactive states
- Warm charcoal dark canvas #2d2e2d — depth without a hard black backdrop
- Chinese-first typography — PingFang SC system font for prose, JetBrains Mono for code
- One visual language, eight theme assets — Codex, Cursor / VS Code, Zed, Typora, Obsidian, Ghostty, Website, and Image Generation

Interface Preview

All images below are real client screenshots. Light is shown on the left and Dark on the right. Project sidebars, personal paths, and account details have been cropped out.

Codex

Cursor / VS Code

Zed

Typora

Obsidian

Ghostty

What's Inside

Design Tokens

tokens/tokens.json is the single source of truth for Codex, Cursor / VS Code, Zed, Typora, Obsidian, and Ghostty themes.

tokens/tokens.json drives Codex, Cursor / VS Code, Zed, Typora, Obsidian, and Ghostty through manual mapping. themes/website is a separately managed snapshot of the blog palette, while themes/image-generation turns that website language into reusable image-generation rules.

Install

Codex

Import the complete contents of themes/codex/claude-cream-light.theme and themes/codex/claude-cream-dark.theme into their matching sections under Codex → Settings → Appearance. See themes/codex/README.md…