The Official Color Theme Suite for Vishwakarma Code

🌟 About

Vishwakarma Theme is the official color theme suite for Vishwakarma Code, meticulously crafted and maintained by Vishwakarma Industries. Designed with developers in mind, this theme collection offers a beautiful, accessible, and professional coding experience with multiple variants to suit every preference and accessibility need.

🎉 What's New in v1.1.0

• ✨ 70+ Languages - Comprehensive support for all major programming languages
• 🌈 Rainbow Markdown - Enhanced Markdown with color-coded headings
• 🎨 Enhanced CSS/SCSS - Better property and selector highlighting
• 🔧 Git Integration - Beautiful commit message highlighting
• 🚀 Semantic Tokens - Full language server support (25+ token types)
• ⚙️ 11 Config Options - Extensive customization
• 📚 7 Documentation Files - Complete guides and references

Why Vishwakarma Theme?

• 🎯 Most Comprehensive: 70+ languages vs industry average of ~20
• 🏆 Industry Standard: Based on proven Primer design system
• 👁️ Eye-Friendly: Carefully calibrated colors reduce eye strain
• 🌍 Universal: Works perfectly across all programming languages
• ⚡ Performance: Lightweight and optimized for speed
• ♿ Accessible: WCAG AAA compliant high contrast themes
• 🎨 Customizable: 11 configuration options for personalization

📦 Installation

Quick Install

1. Open Vishwakarma Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for Vishwakarma Theme
4. Click Install
5. Select your preferred theme (Ctrl+K Ctrl+T / Cmd+K Cmd+T)

Manual Install

1. Download the .vsix file from Releases
2. Open Vishwakarma Code
3. Go to Extensions → ... → Install from VSIX
4. Select the downloaded file

🚀 View Quick Start Guide → for detailed setup and tips

🎨 Available Themes

🌅 Light Themes (5 Variants)

🌙 Dark Themes (7 Variants)

🎭 Classic Themes (Legacy)

Total: 14 Beautiful Themes - Something for everyone! ⭐ = Recommended defaults

🎯 Features

✨ 14 Beautiful Themes

Complete theme suite with 5 light variants, 7 dark variants, and 2 classic themes for every preference

🎨 Consistent Design

Built on Primer's professional color system for cohesive aesthetics across all UI elements

♿ Accessibility First

• High contrast themes for visual impairments
• Colorblind-optimized palettes (protanopia & deuteranopia)
• WCAG AAA compliant color ratios

🔧 Highly Customizable

Easy to override and personalize without forking the entire theme

🚀 Performance Optimized

• Lightweight theme engine
• Fast loading times
• Minimal resource usage

💼 Enterprise Ready

• Professional aesthetics
• Maintained by Vishwakarma Industries
• Regular updates and support

🌈 Syntax Highlighting

Comprehensive language support with semantic highlighting for 50+ languages:

Web Development:

• JavaScript/TypeScript, React (JSX/TSX), Vue, Angular
• HTML, CSS, SCSS, LESS
• PHP, Ruby, Python

Systems Programming:

• C, C++, Rust, Go
• C#, Java, Kotlin, Scala, Swift

Scripting & Shell:

• Bash, Shell, PowerShell, Lua, Vim Script

Data & DevOps:

• SQL, GraphQL, Terraform/HCL
• Docker, YAML, TOML, JSON

Functional & Scientific:

• Haskell, Elixir, R, Julia
• LaTeX, Assembly

Mobile Development:

• Dart/Flutter, Swift (iOS), Kotlin (Android)

Enhanced Features:

• ✨ Semantic token support for modern IDEs
• 🎨 Language-specific color customizations
• 🔧 Decorator and macro highlighting
• 📦 Framework-specific syntax (React, Flutter, etc.)

📖 View Complete Language Support Guide →

🛠️ Customization

Override Theme Colors

You can customize any theme color in your settings.json:

{
  "workbench.colorCustomizations": {
    "[Vishwakarma Dark Default]": {
      "editor.background": "#0d1117",
      "sideBar.background": "#010409"
    }
  }
}

Override Syntax Colors

Customize token colors for specific scopes:

{
  "editor.tokenColorCustomizations": {
    "[Vishwakarma Dark Default]": {
      "comments": "#8b949e",
      "functions": "#d2a8ff"
    }
  }
}

For detailed customization guide, see the VS Code Color Theme Documentation.

👥 Contributing

We welcome contributions from the community! Here's how to get started:

Development Setup

1. Clone the repository

   git clone https://github.com/vishwakarma-industries/vishwakarma-theme.git
   cd vishwakarma-theme
   

2. Install dependencies

   yarn install
   

3. Start development mode

   yarn start
   

   This watches for changes and auto-rebuilds themes

4. Test your changes

   • Press F5 in Vishwakarma Code to launch Extension Development Host
   • Select Ctrl+K Ctrl+T and choose a Vishwakarma theme
   • Make changes to /src/theme.js or /src/classic/theme.js

Making Changes

UI Colors

For status bar, sidebar, tabs, etc., refer to Theme Color Reference

Syntax Highlighting

Use Developer: Inspect Editor Tokens and Scopes command (Ctrl+Shift+P) to identify token scopes

Color Guidelines

• Use colors from Primer's color system when possible
• Maintain WCAG AA contrast ratios (AAA for high contrast themes)
• Test with colorblind simulators

Build & Package

# Build themes
yarn build

# Create VSIX package
yarn package

Submit Changes

1. Create a feature branch: git checkout -b feature/your-feature
2. Commit your changes: git commit -m "Add your feature"
3. Push to branch: git push origin feature/your-feature
4. Open a Pull Request with:
   • Clear description of changes
   • Before/after screenshots
   • Testing checklist completed

📋 Publishing (Internal)

Note: Publishing is restricted to Vishwakarma Industries maintainers.

Release Process

This repository uses Changesets for automated versioning and publishing:

1. Create a changeset

   yarn changeset
   

2. Version packages

   yarn changeset version
   

3. Publish release

   yarn release
   

The workflow automatically updates CHANGELOG.md and publishes to the marketplace.

📚 Documentation

Complete Guides

Quick Links

• 📖 Full Language List
• 🎨 Customization Examples
• 🐛 Troubleshooting
• ⚙️ Recommended Settings
• 🎯 Use Cases

📄 License

MIT License

Copyright (c) 2025 Vishwakarma Industries

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED.

See LICENSE for full details.

💬 Support & Community

Get Help

Stay Updated

• ⭐ Star this repo to show your support
• 👀 Watch releases to get notified of updates
• 🐦 Follow us on social media for announcements

🏆 Credits

Maintained By

Vishwakarma Industries - Building tools for developers, by developers.

Built With

• Primer Design System - Color primitives and design tokens
• Chroma.js - Color manipulation
• VS Code Extension API - Theme framework

Acknowledgments

Special thanks to all our contributors who help make this theme better every day.