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

Kislay Theme

kislay

|
22 installs
| (1) | Free
A comprehensive VS Code extension with 11 beautiful themes inspired by popular themes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Kislay Theme - VS Code Extension

A comprehensive VS Code extension with 11 beautiful themes inspired by the most popular themes in the marketplace. Cycle through professional color schemes with a single command. Features enhanced syntax highlighting for all programming languages.

Features

  • 11 Professional Themes: From light to dark, OLED to vibrant colors
  • Enhanced Syntax Highlighting: Comprehensive color support for all programming languages
  • Popular Theme Inspirations: Colors from One Dark Pro, Dracula, GitHub Theme, and more
  • Quick Theme Cycling: Switch between all themes instantly with one command
  • OLED Support: True black theme for OLED displays
  • 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 "Cycle Through All Themes"
  3. Press Enter to cycle through themes

Keyboard Shortcut

You can add a custom keyboard shortcut by:

  1. Open Keyboard Shortcuts (Ctrl+K Ctrl+S)
  2. Search for "Cycle Through All Themes"
  3. Click the + icon to add your preferred shortcut

Enhanced Syntax Highlighting

Each theme includes comprehensive syntax highlighting for:

  • Keywords: Control flow, storage types, modifiers
  • Strings: Single, double, triple quotes, templates
  • Comments: Line comments, block comments, various comment styles
  • Constants: Numbers, characters, language constants
  • Variables: Parameters, language variables
  • Functions & Classes: Entity names, support functions
  • Punctuation: Brackets, operators, separators
  • Meta: Preprocessors, imports, exports
  • Invalid Code: Error highlighting

All 11 Themes Included

🌞 Light Theme

  • Inspired by: GitHub Theme, Ayu Light
  • Clean white background with subtle gray accents
  • Red keywords (#D73A49), blue strings (#032F62), gray comments (#6A737D)
  • Purple functions and classes (#6F42C1)

🌙 Dark Theme

  • Inspired by: One Dark Pro, Dracula
  • Classic dark editor background (#282C34)
  • Purple keywords (#C678DD), green strings (#98C379), gray comments (#5C6370)
  • Blue functions (#61AFEF), yellow classes (#E5C07B)

⚫ OLED Theme

  • Inspired by: Night Owl, OLED-optimized themes
  • True black background (#000000) for OLED displays
  • Red keywords (#FF6B6B), teal strings (#4ECDC4), gray comments (#666666)
  • Pastel accent colors for functions and classes

🔥 Pro Dark Theme

  • Inspired by: One Dark Pro
  • Dark background (#282C34) with light gray text (#ABB2BF)
  • Purple keywords (#C678DD), green strings (#98C379), gray comments (#5C6370)
  • Blue functions (#61AFEF), yellow classes (#E5C07B)

🧛 Vampire Theme

  • Inspired by: Dracula Official
  • Dark purple background (#282A36) with light text (#F8F8F2)
  • Pink keywords (#FF79C6), yellow strings (#F1FA8C), blue comments (#6272A4)
  • Green functions (#50FA7B), cyan classes (#8BE9FD)

🐙 Git Dark Theme

  • Inspired by: GitHub Dark
  • Very dark background (#0D1117) with light gray text (#C9D1D9)
  • Red keywords (#FF7B72), blue strings (#A5D6FF), gray comments (#8B949E)
  • Purple functions (#D2A8FF), pink classes (#FFA198)

🌅 Mirage Theme

  • Inspired by: Ayu Dark
  • Dark blue-gray background (#0F1419) with warm text (#B3B1AD)
  • Orange keywords (#FFCC66), yellow strings (#C2B36E), gray comments (#5C6773)
  • Blue functions (#39BAE6), orange classes (#FFB454)

🦉 Night Owl Theme

  • Inspired by: Night Owl
  • Deep blue background (#011627) with light blue text (#D6DEEB)
  • Purple keywords (#C792EA), green strings (#ADD1B8), teal comments (#637777)
  • Blue functions (#82AAFF), orange classes (#FFCB8B)

💜 Purple Haze Theme

  • Inspired by: Shades of Purple
  • Dark purple background (#2D2A44) with light text (#F8F8F2)
  • Purple keywords (#C594C5), blue strings (#A3BFFA), purple comments (#5D4D7A)
  • Cyan functions (#45D9FD), orange classes (#FFB86C)

🌃 Tokyo Storm Theme

  • Inspired by: Tokyo Night Storm
  • Dark blue background (#1A1B26) with light blue text (#A9B1D6)
  • Purple keywords (#BB9AF7), green strings (#9ECE6A), blue comments (#565F89)
  • Blue functions (#7AA2F7), orange classes (#FF9E64)

🎨 Monokai Pro Theme

  • Inspired by: Monokai Pro
  • Dark gray background (#2D2A2E) with light text (#F8F8F2)
  • Pink keywords (#F92672), yellow strings (#E6DB74), gray comments (#75715E)
  • Green functions (#A6E22E), purple numbers (#AE81FF)

Color Palette Sources

The themes incorporate colors from these popular VS Code themes:

  • One Dark Pro: Purple keywords, green strings, blue functions
  • Dracula: High contrast colors, vibrant pink and yellow accents
  • GitHub Theme: Clean, professional color scheme
  • Ayu: Modern minimalistic design with warm colors
  • Night Owl: Muted, high-contrast dark theme
  • Shades of Purple: Bold purple tones and vibrant accents
  • Tokyo Night: Sleek dark design with blue undertones
  • Monokai Pro: Professional theme with customizable colors

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 "Cycle Through All Themes"

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
│   ├── oled-theme.json            # OLED theme configuration
│   ├── pro-dark-theme.json        # Pro Dark theme configuration
│   ├── vampire-theme.json         # Vampire theme configuration
│   ├── git-dark-theme.json        # Git Dark theme configuration
│   ├── mirage-theme.json          # Mirage theme configuration
│   ├── night-owl-theme.json       # Night Owl theme configuration
│   ├── purple-haze-theme.json     # Purple Haze theme configuration
│   ├── tokyo-storm-theme.json     # Tokyo Storm theme configuration
│   └── monokai-pro-theme.json     # Monokai Pro theme configuration
└── README.md                      # This file

Extension Configuration

The extension contributes:

  • 11 themes: Complete collection of professional themes with enhanced syntax highlighting
  • One command: themeChanger.toggleTheme - Cycle Through All Themes

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

  • 2.1.0: Enhanced syntax highlighting for all programming languages
  • 2.0.0: Major release with 11 comprehensive themes inspired by popular themes
  • 1.0.0: Initial release with basic theme functionality
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft