🎨 Theme For Codes
Theme For Codes is a comprehensive, feature-rich VS Code theme designed for professional developers. With 5 variants, semantic highlighting, bracket colorization, and accessibility features, it's built for long coding sessions and maximum productivity.
✨ Features
🎨 Visual & Color Enhancements
- Semantic Token Colorization – Variables colored by type (string, number, boolean), not just syntax role
- Bracket Pair Colorization – 6 distinct colors for nested brackets/parentheses
- Indent Guide Colors – Color-coded indentation lines by depth (6 levels)
- Minimap Customization – Custom colors for minimap overlay, errors, warnings, and git changes
🌗 Theme Variants
- Dark Mode – Deep blacks with vibrant syntax colors and purple accents
- Light Mode – Clean white background with high-contrast colors
- High Contrast – WCAG AAA compliant for maximum accessibility
- Dimmed/Soft – Lower saturation for comfortable long coding sessions
- Colorblind Safe – Deuteranopia/protanopia friendly palette
💡 Language-Specific Improvements
- Python – Functions, classes, decorators, type hints
- JavaScript/TypeScript – Console, this, template literals
- JSX/TSX – Component names, props, self-closing tags
- Rust – Lifetimes, macros, traits
- Go – Goroutines, channels, interfaces
- HTML/CSS – Tags, attributes, selectors, properties
- Markdown – Headers, bold, italic, code blocks, links
- RegEx – Special highlighting inside regex literals
🖥️ UI/Workbench Polish
- Custom Sidebar & Activity Bar – Cohesive purple accent throughout
- Notification & Badge Colors – Error, warning, info badges styled consistently
- Terminal Color Palette – ANSI colors (red, green, yellow, etc.) matched to theme
- Tab Styling – Active/inactive/modified/pinned tab distinctions
- Git Decorations – Added (green), modified (orange), deleted (red), conflicted (pink)
♿ Accessibility Features
- WCAG Contrast Compliance – AA/AAA ratios in High Contrast variant
- Colorblind-Friendly Palette – Safe for deuteranopia and protanopia
- Focus Indicator Enhancement – Visible keyboard focus rings
🔧 Developer Experience
- Customization Support – Override colors via settings.json
- Font Recommendations – Pairs beautifully with JetBrains Mono, Fira Code, Cascadia Code
- Changelog & Versioning – Track updates between versions
📦 Installation
From VS Code Marketplace
- Open Visual Studio Code
- Go to Extensions (Ctrl+Shift+X)
- Search for Theme For Codes
- Click Install
- Press Ctrl+K Ctrl+T and select your preferred variant
From VSIX File
- Download the
.vsix file
- Open VS Code
- Go to Extensions →
... → Install from VSIX
- Select the downloaded file
🎨 Theme Variants
Dark (Default)
Deep black background (#050505) with vibrant syntax colors and purple accents. Perfect for night coding.
Light
Clean white background with high-contrast colors. Easy on the eyes in bright environments.
High Contrast
Maximum contrast for accessibility. WCAG AAA compliant with bright colors on pure black.
Dimmed
Lower saturation variant for reduced eye strain during long sessions.
Colorblind Safe
Uses blue, orange, yellow, and cyan instead of red/green. Safe for deuteranopia and protanopia.
🎨 Color Palette
Dark Theme Colors
| Token |
Color |
Hex |
| Keywords |
Purple |
#C586FF |
| Strings |
Cyan |
#4FC1FF |
| Numbers |
Orange |
#FFB86C |
| Variables |
Gold |
#FFD700 |
| Functions |
Blue |
#56B6FF |
| Classes |
Green |
#3ECF8E |
| Comments |
Green |
#7FBF7F |
| Operators |
Pink |
#FF79C6 |
UI Colors
| Element |
Color |
Hex |
| Primary Accent |
Purple |
#7A3FFF |
| Background |
Black |
#050505 |
| Sidebar |
Dark Gray |
#0E0E0E |
| Status Bar |
Purple |
#7A3FFF |
⚙️ Customization
Override specific colors in your settings.json:
{
"workbench.colorCustomizations": {
"[Theme For Codes - Dark]": {
"editor.background": "#000000",
"statusBar.background": "#9B5CFF"
}
},
"editor.tokenColorCustomizations": {
"[Theme For Codes - Dark]": {
"comments": "#00FF00"
}
}
}
Custom Bracket Colors
{
"themeForCodes.bracketColors": [
"#FFD700",
"#DA70D6",
"#87CEEB",
"#FF6347",
"#98FB98",
"#FFA500"
]
}
🔤 Recommended Fonts
This theme pairs beautifully with:
- JetBrains Mono – Modern, ligatures, excellent readability
- Fira Code – Popular, great ligatures
- Cascadia Code – Microsoft's coding font with ligatures
- Victor Mono – Cursive italics for comments
Enable font ligatures:
{
"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true,
"editor.fontSize": 14
}
🐛 Issues & Feedback
Found a bug or want to request a color tweak?
- GitHub Issues: Report here
- Feedback: Open an issue with your suggestions
💖 Support
If you enjoy this theme:
📝 Changelog
Version 2.0.0
- ✨ Added 4 new theme variants (Light, High Contrast, Dimmed, Colorblind Safe)
- 🎨 Semantic token colorization enabled
- 🌈 Bracket pair colorization with 6 colors
- 📏 Color-coded indent guides (6 levels)
- 🗺️ Custom minimap colors
- 🎯 Language-specific improvements (Python, JS/TS, Rust, Go, JSX/TSX, Markdown, RegEx)
- 🖥️ Complete UI/workbench polish
- ♿ WCAG accessibility compliance
- 🎨 Terminal ANSI color palette
- 🔧 Git decoration colors
- 📦 Notification and badge styling
Version 1.0.0
- 🎉 Initial release with dark theme
📄 License
MIT License - See LICENSE file
👨💻 Author
Vishal S Reddy
Enjoy coding with beautiful colors! 🎨✨
| |