Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Code With Colors ProNew to Visual Studio Code? Get it now.
Code With Colors Pro

Code With Colors Pro

veduishu

|
14 installs
| (1) | Free
| Sponsor
A comprehensive VS Code theme with semantic colors, bracket colorization, accessibility features, and multiple variants (Dark, Light, High Contrast, Dimmed).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎨 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

  1. Open Visual Studio Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for Theme For Codes
  4. Click Install
  5. Press Ctrl+K Ctrl+T and select your preferred variant

From VSIX File

  1. Download the .vsix file
  2. Open VS Code
  3. Go to Extensions → ... → Install from VSIX
  4. 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:

  • ⭐ Star the GitHub repo
  • 📝 Leave a review on the marketplace
  • 💰 Sponsor the project

📝 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

  • GitHub: @vishal-s-reddy
  • Repository: code-with-colors

Enjoy coding with beautiful colors! 🎨✨

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft