A warm, approachable VS Code color theme inspired by the UI of Anthropic's Claude web interface. Designed for long coding sessions with minimal eye strain, featuring soft natural backgrounds, terracotta orange accents, and legible, muted syntax colors.
Includes both Light and Dark variants.
| Theme | Base | Palette Summary |
|---|---|---|
| Claude Inspired Light | Light | Warm off-white/paper background (#FFFFFF), charcoal text (#262624), terracotta orange primary accents (#C15F3C). |
| Claude Inspired Dark | Dark | Neutral charcoal background (#262624), off-white text (#E8E4DC), soft salmon orange primary accents (#F4845F). |
- Go to the Releases tab on this GitHub repository.
- Download the latest
.vsixpackage (e.g.,claude-theme-1.0.0.vsix). - Open VS Code and open the Extensions view (
Ctrl+Shift+XorCmd+Shift+X). - Click the
...(Views and More Actions) menu in the top-right corner of the Extensions panel. - Select Install from VSIX... and choose the downloaded file.
- Press
Ctrl+K Ctrl+T(orCmd+K Cmd+T) and select Claude Inspired Light or Claude Inspired Dark.
If you want to clone the repository and modify the theme colors yourself:
- Clone the repository:
git clone [https://github.com/isharonov/vscode-claude-theme.git](https://github.com/isharonov/vscode-claude-theme.git)
cd vscode-claude-theme- Install dependencies & VS Code Extension Manager (if not already installed):
npm install
npm install -g @vscode/vsce- Test locally in VS Code by opening the project folder and pressing
F5to launch an Extension Development Host. - Package the extension into a
.vsixfile:
vsce package- Inspired by the typography and aesthetic of Claude.ai by Anthropic.
- Distributed under the MIT License. Feel free to tweak and customize!