Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Kislay Theme ChangerNew to Visual Studio Code? Get it now.
Kislay Theme Changer

Kislay Theme Changer

kislay

|
6 installs
| (0) | Free
A simple VS Code extension to toggle between light and dark themes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft