UNPKG

vscode-theme-customizer

Version:

A VSCode theme customizer package that provides blue/green theme configurations for your workspace

95 lines (65 loc) • 2.29 kB
# VSCode Theme Customizer by Rajan Singh > **šŸŽÆ This is a TEMPLATE package! Take it and customize it as you want.** A simple VSCode theme template with blue/green colors that you can easily modify to create your own custom themes. ## šŸ’” The MVP Concept **This package is designed as a starting template.** The core idea is: 1. **Install** → Get a working theme instantly 2. **Fork/Copy** → Take the code as your foundation 3. **Customize** → Change colors, add features, make it yours 4. **Share** → Create your own theme packages ## šŸš€ One-Step Installation ```bash npm i vscode-theme-customizer ``` That's it! The theme will be automatically applied to your project's `.vscode/settings.json`. ## šŸŽØ What You Get A complete VSCode theme that customizes: - Activity Bar, Editor, Status Bar, Title Bar - Sidebar, Panel, Terminal, Tabs - All with a blue/green color scheme **Sample Colors:** - Primary Blue: `#0066cc` - Dark Blue: `#004c99` - Accent Green: `#00cc44` - Editor Background: `#1e1e1e` ## šŸ”§ How to Customize ### Option 1: Quick Override After installation, edit `.vscode/settings.json` to override specific colors: ```json { "workbench.colorCustomizations": { "activityBar.background": "#your-color", "editor.background": "#your-background" } } ``` ### Option 2: Fork & Build Your Own 1. Fork this repository 2. Modify colors in `index.js` 3. Update `package.json` with your theme name 4. Publish your own theme package ### Option 3: Use Programmatically ```javascript const { getThemeConfig, getColorsByCategory, } = require("vscode-theme-customizer"); // Get all colors const theme = getThemeConfig(); // Get specific category colors const editorColors = getColorsByCategory("editor"); ``` ## šŸ“‚ Project Structure ``` ā”œā”€ā”€ index.js # Theme colors (main customization file) ā”œā”€ā”€ bin/cli.js # CLI tool ā”œā”€ā”€ bin/postinstall.js # Auto-application script └── templates/ # Template files ``` ## šŸŽÆ Perfect For - **Developers** who want to create custom VSCode themes - **Teams** who need branded development environments - **Learning** how VSCode theme customization works - **Quick Setup** for consistent project theming --- **Take this template and make it your own! šŸš€**