Claude Theme
The warm, thoughtful dark theme that mirrors Claude AI's clean interface. Carefully balanced contrast and muted syntax colors reduce eye strain during long coding sessions.
Part of awesomeclaude.ai
Install Now • View Screenshots • Configuration
✨ Why Claude Theme?
🎯 Perfect Readability
- WCAG AA+ compliant contrast ratios
- Optimized for long coding sessions
- Reduces eye strain with warm dark colors
🎨 Beautiful Syntax
- Hand-picked colors for each token type
- Supports 16+ programming languages
- Advanced semantic highlighting
|
⚡ Zero Fatigue
- Carefully balanced brightness levels
- Smooth color transitions
- Consistent visual hierarchy
🛠️ Fully Customizable
- 6 accent color options
- Typography controls
- Workbench appearance modes
|
🎭 Theme Variants
| Theme |
Description |
Best For |
| Claude Dark |
Elegant dark theme with warm tones |
General development, long coding sessions |
| Claude Dark High Contrast |
Maximum visibility with vibrant colors |
Accessibility, presentations, bright environments |
🚀 Quick Installation
Method 1: Marketplace (Recommended)
ext install alvinunreal.claude-vscode-theme
Method 2: Manual Install
- Open VSCode
Ctrl+Shift+X (Extensions)- Search "Claude Theme"
- Click Install
Ctrl+K Ctrl+T → Select Claude Dark
Method 3: Settings Sync
Add to your settings.json:
{
"workbench.colorTheme": "Claude Dark"
}
📸 Screenshots
🖼️ Theme Gallery
🌃 Claude Dark
Elegant dark theme with warm tones
|
🔆 High Contrast
Enhanced visibility for accessibility
|
📱 More Screenshots (Click to expand)
Multiple Language Support
Consistent syntax highlighting across JavaScript, Python, CSS, and more
🎨 Color Palette
| Color |
Hex |
Usage |
| 🧡 Crail |
#E07A47 |
Primary accent, brand |
| 🔵 Blue |
#7AB8FF |
Classes, types, interfaces |
| 🟢 Green |
#86E89A |
Strings, markup code |
| 🟣 Purple |
#C79BFF |
Keywords, control flow |
| 🔴 Red |
#FF7A7A |
Errors, important |
| 🟡 Yellow |
#FFDF61 |
Constants, numbers |
⚙️ Configuration
Personalize your experience with powerful customization options:
🎨 Accent Colors
Choose from 6 beautiful accent colors:
{
"claude.accentColor": "crail" // crail | orange | blue | purple | green | teal
}
✍️ Typography
Fine-tune your code typography:
{
"claude.italicComments": true, // Italicize comments
"claude.italicKeywords": true, // Italicize keywords
"claude.boldKeywords": true // Bold keywords
}
🌈 Bracket Colorization
{
"claude.bracketMode": "rainbow" // rainbow | dimmed | monochromatic
}
- Rainbow: Vibrant colors for each bracket pair
- Dimmed: Subtle rainbow colors
- Monochromatic: Single color scheme
🖥️ Workbench Appearance
{
"claude.workbenchMode": "default" // default | flat | minimal
}
- Default: Rich shadows and depth
- Flat: Reduced shadows
- Minimal: Clean, borderless design
🚀 Language Support
First-Class Support
| Frontend |
Backend |
Systems |
Data |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
|
Advanced Features
- 🎯 Semantic Highlighting: Context-aware syntax colors
- 🔍 Error Detection: Enhanced error and warning visibility
- 📝 Comment Styling: Intelligent comment formatting
- 🌈 Bracket Matching: Smart bracket pair colorization
We'd love to hear from you! Share your experience with Claude Theme:
- ⭐ Rate the extension in the VS Code marketplace
- 🐛 Report issues through VS Code's built-in feedback system
- 💡 Suggest improvements via GitHub discussions
🛠️ Development
Contributing Guide
# 1. Fork & Clone
git clone https://github.com/your-username/claude-vscode-theme.git
cd claude-vscode-theme
# 2. Install dependencies
npm install
# 3. Make changes to src/theme/
# ...
# 4. Build themes
npm run build
# 5. Test in VSCode
npm run package
# Install the generated .vsix file
# 6. Submit PR
git push origin feature/your-feature
📊 Stats
📄 License
MIT License - see LICENSE file for details.
🙏 Acknowledgments
"Great themes inspire great code."
Inspired by Claude AI's sophisticated design language and the open-source community's passion for beautiful developer tools.
Special thanks to the Catppuccin team for their architectural insights.
Made with 🧡 by AlvinUnreal
If Claude VSCode Theme made your coding experience better, please consider ⭐ starring the repo!
