🎨 Claude Theme

The most elegant dark theme for Visual Studio Code

Inspired by Claude AI's sophisticated design language

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 15+ 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 claude-theme.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

🌃 Claude Dark (Click to expand)

JavaScript/TypeScript

Python

CSS/SCSS

🔆 Claude Dark High Contrast (Click to expand)

Full IDE View

🎨 Color Palette

Color	Hex	Usage
🧡 Crail	`#C15F3C`	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

💖 Community & Support

Join the Claude Theme Community

⭐ Star us on GitHub • 🐦 Follow on Twitter • 💬 Join Discord

🛠️ 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

🎯 Roadmap

🌍 i18n Support - Multi-language documentation
🎨 Custom Color Picker - GUI for color customization
📱 Mobile Themes - React Native, Flutter support
🎭 Seasonal Themes - Holiday and seasonal variants
🧠 AI Integration - Smart color suggestions

📊 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 the Claude Theme team

If Claude Theme made your coding experience better, please consider ⭐ starring the repo!

alvinunreal/claude-vscode-theme