Kislay Theme Changer - VS Code Extension
A simple VS Code extension that allows you to toggle between light and dark themes with a single command.
Features
- Quick Theme Toggle: Switch between light and dark themes instantly
- Custom Themes: Includes custom light and dark themes optimized for VS Code
- Simple Command: Use the command palette or keyboard shortcut to toggle themes
- VS Code Integration: Seamlessly integrates with VS Code's theme system
Installation
From VSIX Package
- Download the
.vsix file from the releases
- In VS Code, go to Extensions (Ctrl+Shift+X)
- Click the "..." menu and select "Install from VSIX..."
- Choose the downloaded
.vsix file
From Source
- Clone this repository
- Install dependencies:
npm install
- Package the extension:
npm run package
- Install the generated
.vsix file in VS Code
Usage
Command Palette
- Open the Command Palette (Ctrl+Shift+P)
- Type "Toggle Light/Dark Theme"
- Press Enter to switch themes
Keyboard Shortcut
You can add a custom keyboard shortcut by:
- Open Keyboard Shortcuts (Ctrl+K Ctrl+S)
- Search for "Toggle Light/Dark Theme"
- Click the + icon to add your preferred shortcut
Themes Included
Light Theme
- Clean white background
- Dark text for excellent readability
- Blue keywords, green strings, gray comments
- Light gray UI elements
Dark Theme
- Classic dark editor background (#1E1E1E)
- White text for contrast
- Blue keywords, orange strings, green comments
- Dark gray UI elements
Development
Prerequisites
- Node.js (version 14 or higher)
- VS Code Extension Development Host
Setup
Install dependencies:
npm install
Open the project in VS Code
Press F5 to launch the Extension Development Host
In the new VS Code window, use Ctrl+Shift+P and search for "Toggle Light/Dark Theme"
Building
To create a distributable package:
npm run package
This will create a .vsix file that can be installed in VS Code.
File Structure
theme-changer-extension/
├── package.json # VS Code extension manifest
├── extension.js # Extension activation and command logic
├── themes/ # Theme definitions
│ ├── light-theme.json # Light theme configuration
│ └── dark-theme.json # Dark theme configuration
└── README.md # This file
Extension Configuration
The extension contributes:
- Two themes: Light Theme and Dark Theme
- One command:
themeChanger.toggleTheme - Toggle Light/Dark Theme
Contributing
- Fork the repository
- Create a feature branch
- Make your changes
- Test the extension
- Submit a pull request
License
MIT License - feel free to use and modify this extension.
Publisher
Published by kislay
Version History
- 0.0.1: Initial release with basic theme toggle functionality
| |