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

1. Download the .vsix file from the releases
2. In VS Code, go to Extensions (Ctrl+Shift+X)
3. Click the "..." menu and select "Install from VSIX..."
4. Choose the downloaded .vsix file

From Source

1. Clone this repository
2. Install dependencies:

   npm install
   

3. Package the extension:

   npm run package
   

4. Install the generated .vsix file in VS Code

Usage

Command Palette

1. Open the Command Palette (Ctrl+Shift+P)
2. Type "Toggle Light/Dark Theme"
3. Press Enter to switch themes

Keyboard Shortcut

You can add a custom keyboard shortcut by:

1. Open Keyboard Shortcuts (Ctrl+K Ctrl+S)
2. Search for "Toggle Light/Dark Theme"
3. 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

1. Install dependencies:

   npm install
   

2. Open the project in VS Code

3. Press F5 to launch the Extension Development Host

4. 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

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test the extension
5. 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