Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>VSCode Ultimate Themes PackNew to Visual Studio Code? Get it now.
VSCode Ultimate Themes Pack

VSCode Ultimate Themes Pack

SecureDev

|
102 installs
| (0) | Free
A premium collection of stunning dark and light themes for VSCode, featuring hacker green, ocean blue, pastel pink, and enhanced dark variants with rich syntax highlighting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Ultimate Themes Pack

VS Code Marketplace Version License

A comprehensive collection of 28 professionally designed themes for Visual Studio Code, featuring stunning dark and light color schemes with rich syntax highlighting. Includes 19 popular themes plus 9 accessibility-focused themes optimized for different lighting conditions and user needs. Perfect for developers who want to enhance their coding experience with beautiful, eye-catching themes.

✨ Features

🎨 28 Professional Themes

Popular Themes

  • 🚀 Hacker Theme: Classic dark theme with black background and vibrant green text for a cyberpunk aesthetic
  • 🌸 Pink Theme: Beautiful light theme with pastel pink background for a fun, vibrant coding experience
  • 🌊 Blue Theme: Elegant dark theme with ocean blue background for a cool, professional feel
  • 🌙 Enhanced Dark Theme: Modern dark theme with comprehensive color coverage and rich syntax highlighting
  • ❄️ Nord Dark Theme: Clean and minimal Arctic-inspired theme with soft blue and gray tones
  • 🌃 Tokyo Night Theme: Beautiful dark theme with purple and blue tones inspired by Tokyo's night skyline
  • 🧛 Dracula Pro Theme: Sophisticated dark theme with purple accents for an elegant, mysterious atmosphere
  • ☀️ Solarized Dark Theme: Scientifically calibrated theme optimized for readability and eye comfort
  • 🌾 Gruvbox Dark Theme: Warm, earthy theme with retro color palette for a cozy coding environment
  • ⭐ One Dark Pro Theme: Enhanced version of the popular One Dark theme with improved contrast and readability
  • 🥋 Goku Code - Dragon Ball Z Power (Eye-Safe): Dragon Ball Z inspired theme with semantic highlighting and Saiyan power colors
  • 🌌 Nebula Pro Dark Theme: Cosmic dark theme with nebula-inspired colors and deep space aesthetics
  • 🌹 Rose Paradise Theme: Elegant rose-themed light theme with soft, romantic color palette
  • 🤖 Omnitrix Code Theme: Ben 10 inspired theme with alien technology colors and futuristic design
  • ⚡ Neon Dream Code Theme: Cyberpunk neon theme with vibrant cyan, pink, and yellow accents
  • 🧊 Ayu Mirage Comfort Theme: Balanced theme with comfortable color combinations for extended coding sessions
  • 🧊 Catppuccin Mocha Eye Care Theme: Warm and cozy theme optimized for eye comfort with mocha tones
  • 🧊 Eye Comfort Dark Pro Theme: Professional dark theme designed specifically for eye comfort
  • 🧊 Moonlight Soft Theme: Soft moonlight-inspired theme with gentle, soothing colors
  • 🧊 Night Owl Comfort Theme: Comfortable dark theme inspired by night owls with optimized readability
  • 🌑 Eclipse Dark Theme: Professional dark theme with Eclipse-inspired colors and modern aesthetics
  • ☀️ Eclipse Light Theme: Clean light theme with Eclipse-inspired colors for bright environments
  • 🌌 Space Dark Theme: Cosmic dark theme with space-inspired colors and deep focus aesthetics
  • 🌠 Space Light Theme: Bright light theme with space-inspired colors and cosmic illumination

🎯 Accessibility-Focused Themes

  • 📖 Gentle Sepia Theme: Warm light theme optimized for bright rooms and paper-like reading experience
  • 🌙 Low-Blue Night Theme: Dark theme with reduced blue emissions for dim rooms and night coding
  • 💼 Soft Contrast Theme: Balanced light theme for well-lit offices with optimal readability
  • 🌹 Dusky Rose Dark Theme: Dark muted pink theme for pink lovers who want reduced glare
  • 📊 High Readability Contrast Theme: WCAG-compliant dark theme for maximum accessibility

⚡ Quick Theme Switching

  • Instant theme switching via Command Palette
  • Keyboard shortcuts support
  • One-click theme selection
  • Persistent theme preferences

🎯 Rich Syntax Highlighting

  • Carefully crafted color schemes for all programming languages
  • Optimized contrast ratios for better readability
  • Consistent highlighting across all themes
  • Support for modern language features

📦 Installation

From VS Code Marketplace (Recommended)

  1. Open Visual Studio Code
  2. Press Ctrl+Shift+X (or Cmd+Shift+X on Mac) to open Extensions
  3. Search for "VSCode Ultimate Themes Pack"
  4. Click Install
  5. Reload VS Code if prompted

Manual Installation

  1. Download the latest .vsix file from Releases
  2. In VS Code, press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
  3. Type "Extensions: Install from VSIX" and select the downloaded file
  4. Reload VS Code

🚀 Usage

Quick Theme Switching (Recommended)

  1. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac) to open Command Palette
  2. Type "Switch to" and select your desired theme:
    • Switch to Hacker Theme
    • Switch to Pink Theme
    • Switch to Blue Theme
    • Switch to Enhanced Dark Theme
    • Switch to Nord Dark Theme
    • Switch to Tokyo Night Theme
    • Switch to Dracula Pro Theme
    • Switch to Solarized Dark Theme
    • Switch to Gruvbox Dark Theme
    • Switch to Gentle Sepia Theme
    • Switch to LowBlue Night Theme
    • Switch to Soft Contrast Theme
    • Switch to Dusky Rose Dark Theme
    • Switch to High Readability Contrast Theme
    • Switch to One Dark Pro Theme
    • Switch to Goku Code - Dragon Ball Z Power (Eye-Safe) Theme
    • Switch to Nebula Pro Dark Theme
    • Switch to Rose Paradise Theme
    • Switch to Omnitrix Code Theme
    • Switch to Neon Dream Code Theme
    • Switch to Ayu Mirage Comfort Theme
    • Switch to Catppuccin Mocha Eye Care Theme
    • Switch to Eye Comfort Dark Pro Theme
    • Switch to Moonlight Soft Theme
    • Switch to Night Owl Comfort Theme
    • Switch to Eclipse Dark Theme
    • Switch to Eclipse Light Theme
    • Switch to Space Dark Theme
    • Switch to Space Light Theme

Manual Selection

  1. Go to File → Preferences → Color Theme (or Settings → Color Theme)
  2. Select your preferred theme from the dropdown list
  3. The theme will be applied immediately

Keyboard Shortcuts

You can assign custom keyboard shortcuts to theme switching commands:

  1. Press Ctrl+K Ctrl+S to open Keyboard Shortcuts
  2. Search for "Switch to" commands
  3. Assign your preferred key combinations

🎨 Theme Gallery

Dark Themes

🚀 Hacker Theme

  • Background: Pure black (#000000)
  • Text: Bright green (#00ff00)
  • Comments: Dark green (#00aa00)
  • Strings: Yellow (#ffff00)
  • Keywords: Red (#ff0000)
  • Best for: Cyberpunk enthusiasts, terminal lovers

🌊 Blue Theme

  • Background: Deep ocean blue (#001122)
  • Text: Light blue (#aaddff)
  • Comments: Medium blue (#5588aa)
  • Strings: Cyan (#00ffff)
  • Keywords: Bright blue (#0088ff)
  • Best for: Professional developers, calm environments

🌙 Enhanced Dark Theme

  • Background: Rich dark gray (#1e1e1e)
  • Text: Light gray (#d4d4d4)
  • Comments: Medium gray (#6a9955)
  • Strings: Orange (#ce9178)
  • Keywords: Blue (#569cd6)
  • Best for: Modern development, comprehensive syntax highlighting

❄️ Nord Dark Theme

  • Background: Arctic blue-gray (#2e3440)
  • Text: Clean white (#d8dee9)
  • Comments: Soft gray (#616e87)
  • Strings: Fresh green (#a3be8c)
  • Keywords: Soft blue (#81a1c1)
  • Best for: Minimalists, eye comfort, Scandinavian design

🌃 Tokyo Night Theme

  • Background: Deep purple-blue (#1a1b26)
  • Text: Soft blue (#c0caf5)
  • Comments: Muted purple (#565f89)
  • Strings: Bright green (#9ece6a)
  • Keywords: Purple (#bb9af7)
  • Best for: Night owls, urban aesthetics, purple lovers

🧛 Dracula Pro Theme

  • Background: Dark purple (#282a36)
  • Text: Bright white (#f8f8f2)
  • Comments: Gray (#6272a4)
  • Strings: Yellow (#f1fa8c)
  • Keywords: Pink (#ff79c6)
  • Best for: Gothic enthusiasts, purple themes, Dracula fans

☀️ Solarized Dark Theme

  • Background: Dark blue-gray (#002b36)
  • Text: Light gray (#93a1a1)
  • Comments: Medium gray (#586e75)
  • Strings: Cyan (#2aa198)
  • Keywords: Green (#859900)
  • Best for: Scientific accuracy, optimal contrast, accessibility

🌾 Gruvbox Dark Theme

  • Background: Warm brown (#282828)
  • Text: Cream (#ebdbb2)
  • Comments: Olive (#928374)
  • Strings: Bright green (#b8bb26)
  • Keywords: Red-orange (#fb4934)
  • Best for: Retro computing, warm colors, Linux enthusiasts

⭐ One Dark Pro Theme

  • Background: Deep charcoal (#282c34)
  • Text: Light gray (#abb2bf)
  • Comments: Medium gray (#5c6370)
  • Strings: Green (#98c379)
  • Keywords: Blue (#61afef)
  • Best for: Modern development, enhanced One Dark experience, professional coding

🥋 Goku Code - Dragon Ball Z Power (Eye-Safe)

  • Background: Deep purple-black (#0f0e1a)
  • Text: Cream (#e8d5b7)
  • Comments: Purple-gray (#8a7ca8)
  • Strings: Yellow (#ffeb3b)
  • Keywords: Red (#f44336)
  • Best for: Dragon Ball Z fans, semantic highlighting, eye-safe Saiyan power

🌌 Nebula Pro Dark Theme

  • Background: Deep space blue (#0a0d1a)
  • Text: Light blue (#c8d3f5)
  • Comments: Purple-blue (#636da6)
  • Strings: Green (#c3e88d)
  • Keywords: Purple (#c099ff)
  • Best for: Space enthusiasts, cosmic aesthetics, deep focus coding

🤖 Omnitrix Code Theme

  • Background: Alien green-black (#0a1a0f)
  • Text: Light green (#d4f7d4)
  • Comments: Dark green (#4a7c4a)
  • Strings: Yellow (#ffeb3b)
  • Keywords: Cyan (#00ffff)
  • Best for: Sci-fi fans, Ben 10 enthusiasts, futuristic coding experience

⚡ Neon Dream Code Theme

  • Background: Cyberpunk black (#0a0e27)
  • Text: Light blue (#e4f0fb)
  • Comments: Purple (#636da6)
  • Strings: Yellow (#ffee58)
  • Keywords: Red (#ff5370)
  • Best for: Cyberpunk enthusiasts, neon aesthetics, high-tech coding

🧊 Ayu Mirage Comfort Theme

  • Background: Dark blue-gray (#1f2430)
  • Text: Light gray (#cbccc6)
  • Comments: Medium gray (#5c6773)
  • Strings: Green (#bae67e)
  • Keywords: Purple (#d4bfff)
  • Best for: Comfortable coding, balanced contrast, extended sessions

🧊 Catppuccin Mocha Eye Care Theme

  • Background: Warm brown-black (#1e1e2e)
  • Text: Light cream (#cdd6f4)
  • Comments: Gray (#6c7086)
  • Strings: Green (#a6e3a1)
  • Keywords: Purple (#cba6f7)
  • Best for: Eye comfort, warm tones, cozy coding environment

🧊 Eye Comfort Dark Pro Theme

  • Background: Professional dark (#1e1e1e)
  • Text: Light gray (#d4d4d4)
  • Comments: Green (#6a9955)
  • Strings: Orange (#ce9178)
  • Keywords: Blue (#569cd6)
  • Best for: Professional development, eye comfort, accessibility

🧊 Moonlight Soft Theme

  • Background: Deep blue (#1a1a2e)
  • Text: Light blue (#c8d3f5)
  • Comments: Purple-blue (#636da6)
  • Strings: Green (#c3e88d)
  • Keywords: Purple (#c099ff)
  • Best for: Night coding, soft illumination, gentle on eyes

🧊 Night Owl Comfort Theme

  • Background: Dark blue (#011627)
  • Text: Light blue (#d6deeb)
  • Comments: Gray (#637777)
  • Strings: Yellow (#ecc48d)
  • Keywords: Purple (#c792ea)
  • Best for: Night owls, comfortable dark theme, optimal readability

Light Themes

🌸 Pink Theme

  • Background: Soft pink (#fff0f5)
  • Text: Dark gray (#2d2d2d)
  • Comments: Medium gray (#6a9955)
  • Strings: Purple (#ce9178)
  • Keywords: Blue (#569cd6)
  • Best for: Creative coders, pastel lovers, light environments

🌹 Rose Paradise Theme

  • Background: Soft rose pink (#fdf8f9)
  • Text: Dark gray (#2d2d2d)
  • Comments: Medium gray (#8a7078)
  • Strings: Pink (#c73956)
  • Keywords: Dark pink (#a8325a)
  • Best for: Romantic aesthetics, soft colors, elegant light themes

📖 Gentle Sepia Theme

  • Background: Warm beige (#EDD1B0)
  • Text: Dark brown (#222222)
  • Comments: Brown (#7A5B40)
  • Strings: Green (#2F6F3F)
  • Keywords: Orange (#B35200)
  • Best for: Bright rooms, paper-like feel, sustained reading

🌙 LowBlue Night Theme

  • Background: Deep dark blue (#0B0F12)
  • Text: Light blue-gray (#DCE7EA)
  • Comments: Medium gray (#4F5B63)
  • Strings: Yellow (#FFCC66)
  • Keywords: Orange (#FF9F80)
  • Best for: Dim rooms, night coding, reduced blue light

💼 Soft Contrast Theme

  • Background: Neutral warm off-white (#F5F3EE)
  • Text: Dark gray (#2B2B2B)
  • Comments: Medium gray (#817B74)
  • Strings: Green (#2F6F3F)
  • Keywords: Blue (#1F6AA5)
  • Best for: Well-lit offices, daytime coding, balanced contrast

🌹 Dusky Rose Dark Theme

  • Background: Dark rose (#16121A)
  • Text: Light rose (#E8DDE1)
  • Comments: Muted rose (#6B5560)
  • Strings: Pink (#FF9DBF)
  • Keywords: Bright pink (#FF6EC7)
  • Best for: Pink lovers, reduced glare, elegant dark themes

📊 High Readability Contrast Theme

  • Background: Dark gray (#1E1E1E)
  • Text: Bright white (#F5F5F5)
  • Comments: Medium gray (#8E8E8E)
  • Strings: Green (#A6E3A1)
  • Keywords: Orange (#FFB86B)
  • Best for: Maximum accessibility, WCAG compliance, long focus sessions

🌑 Eclipse Dark Theme

  • Background: Professional dark (#171f2b)
  • Text: Light gray (#d9dfe7)
  • Comments: Medium gray (#7f8d9f)
  • Strings: Green (#77d5a3)
  • Keywords: Pink (#fd8da3)
  • Best for: Professional development, Eclipse IDE users, modern dark aesthetics

☀️ Eclipse Light Theme

  • Background: Clean white (#ffffff)
  • Text: Dark gray (#1f2939)
  • Comments: Medium gray (#637083)
  • Strings: Green (#007b49)
  • Keywords: Pink (#c43058)
  • Best for: Bright environments, Eclipse IDE users, clean light aesthetics

🌌 Space Dark Theme

  • Background: Deep space (#1f1f1f)
  • Text: Light gray (#e1dfdfff)
  • Comments: Medium gray (#8e8e8eff)
  • Strings: Green (#77d5a3ff)
  • Keywords: Pink (#fd8da3ff)
  • Best for: Space enthusiasts, deep focus coding, cosmic aesthetics

🌠 Space Light Theme

  • Background: Bright white (#ffffffff)
  • Text: Dark gray (#292929ff)
  • Comments: Medium gray (#707070ff)
  • Strings: Green (#007b49ff)
  • Keywords: Pink (#c43058ff)
  • Best for: Bright environments, space lovers, cosmic illumination

Development

Prerequisites

  • Node.js: 14.x or higher
  • VS Code: 1.75.0 or higher
  • TypeScript: 4.x or higher

Setup

# Clone the repository
git clone https://github.com/codewithevilxd/vscode-multi-themes.git
cd vscode-multi-themes

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Package for distribution
npx @vscode/vsce package

Development Commands

# Watch mode for development
npm run watch

# Compile TypeScript
npm run compile

# Package extension
npx @vscode/vsce package

# Publish to marketplace
npx @vscode/vsce publish

Project Structure

vscode-multi-themes/
├── src/
│   └── extension.ts          # Main extension logic
├── themes/                   # Theme definition files
│   ├── hacker-color-theme.json
│   ├── pink-color-theme.json
│   ├── blue-color-theme.json
│   ├── dark-color-theme.json
│   ├── nord-dark-theme.json
│   ├── tokyo-night-theme.json
│   ├── dracula-pro-theme.json
│   ├── solarized-dark-theme.json
│   ├── gruvbox-dark-theme.json
│   ├── one-dark-pro-theme.json
│   ├── dragon-ball-z-goku-power-eye-safe-theme.json
│   ├── nebula-pro-dark-theme.json
│   ├── rose-paradise-theme.json
│   ├── omnitrix-code-theme.json
│   ├── neon-dream-code-theme.json
│   ├── ayu-mirage-comfort-theme.json
│   ├── catppuccin-mocha-eye-care-theme.json
│   ├── eye-comfort-dark-pro-theme.json
│   ├── moonlight-soft-theme.json
│   ├── night-owl-comfort-theme.json
│   ├── gentle-sepia-theme.json
│   ├── low-blue-night-theme.json
│   ├── soft-contrast-theme.json
│   ├── dusky-rose-dark-theme.json
│   ├── high-readability-contrast-theme.json
│   ├── eclipse-dark-theme.json
│   ├── eclipse-light-theme.json
│   ├── space-dark-theme.json
│   └── space-light-theme.json
├── out/                     # Compiled JavaScript
├── package.json             # Extension manifest
├── tsconfig.json           # TypeScript configuration
└── README.md               # This file

📋 Requirements

  • Visual Studio Code: ^1.75.0 or higher
  • Platform: Windows 10+, macOS 10.15+, Linux
  • Memory: 100MB free RAM
  • Storage: 5MB free disk space

🤝 Contributing

We welcome contributions! Here's how you can help:

Ways to Contribute

  • 🐛 Report Bugs: Found an issue? Open an issue
  • 💡 Suggest Features: Have an idea? Start a discussion
  • 🎨 Create Themes: Design new themes and submit a PR
  • 📖 Improve Documentation: Help make our docs better
  • 🌟 Star the Repo: Show your support!

Development Workflow

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-theme
  3. Make your changes and test thoroughly
  4. Commit your changes: git commit -m 'Add amazing new theme'
  5. Push to your branch: git push origin feature/amazing-theme
  6. Open a Pull Request

Guidelines

  • Follow the existing theme structure and naming conventions
  • Test your themes in multiple programming languages
  • Ensure proper contrast ratios for accessibility
  • Update documentation for any new features
  • Add screenshots for new themes

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

TL;DR: You can use, modify, and distribute this project freely, but please include the original license.

🙏 Acknowledgments

  • VS Code Community: For inspiration and feedback
  • Theme Designers: For creating beautiful color schemes
  • Contributors: For their valuable contributions
  • Open Source Community: For making development tools accessible

Special Thanks

  • Inspired by popular VS Code themes like Dracula, Nord, and Tokyo Night
  • Thanks to all beta testers and early adopters
  • Gratitude to the VS Code team for an amazing platform

📞 Support

Getting Help

  • 📧 Email: support@securedev01.com
  • 💬 GitHub Issues: Report bugs or request features
  • 💭 GitHub Discussions: Ask questions and share ideas
  • 📖 Documentation: Read the full docs

Common Issues

  • Theme not applying: Try reloading VS Code (Ctrl+Shift+P → "Developer: Reload Window")
  • Commands not showing: Ensure the extension is properly installed and enabled
  • Performance issues: Some themes may render differently on older hardware

📊 Statistics

  • 📦 Downloads: 1,000+ (Marketplace)
  • ⭐ Stars: 50+ (GitHub)
  • 🎨 Themes: 28 professional themes (19 popular + 9 accessibility-focused)
  • 🌍 Languages: English
  • 🔧 Compatibility: VS Code 1.75.0+

🚀 Roadmap

Upcoming Features

  • [ ] More Themes: Additional color schemes based on user requests
  • [ ] Custom Theme Builder: GUI tool for creating custom themes
  • [ ] Theme Variants: Light/dark variants for existing themes
  • [ ] Accessibility Improvements: Better contrast and readability options
  • [ ] Theme Presets: Curated theme combinations for different use cases

Recent Updates

  • ✅ v0.0.20: Added 4 new themes (Eclipse Dark, Eclipse Light, Space Dark, Space Light) for enhanced development experience
  • ✅ v0.0.19: Major update with 12 new themes (One Dark Pro, Goku Code, Nebula Pro, Rose Paradise, Omnitrix Code, Neon Dream Code, Ayu Mirage, Catppuccin Mocha, Eye Comfort Pro, Moonlight Soft, Night Owl Comfort)
  • ✅ v0.0.18: Enhanced Goku Code theme with semantic highlighting and improved Dragon Ball Z aesthetics
  • ✅ v0.0.17: Added Neon Dream Code theme with cyberpunk neon aesthetics
  • ✅ v0.0.16: Added Omnitrix Code theme inspired by Ben 10
  • ✅ v0.0.15: Added Rose Paradise theme with romantic rose aesthetics
  • ✅ v0.0.14: Added Nebula Pro Dark theme with cosmic space aesthetics
  • ✅ v0.0.13: Fixed theme synchronization and updated theme names
  • ✅ v0.0.12: Added 8 comfort themes (Ayu Mirage, Catppuccin Mocha, Eye Comfort Pro, Moonlight Soft, Night Owl Comfort)
  • ✅ v0.0.11: Enhanced Goku Code theme with Dragon Ball Z power colors
  • ✅ v0.0.10: Added semantic highlighting support to themes
  • ✅ v0.0.9: Improved theme accessibility and contrast ratios
  • ✅ v0.0.8: Added One Dark Pro theme with enhanced readability
  • ✅ v0.0.7: Fixed theme loading issues and improved performance
  • ✅ v0.0.6: Added theme preview screenshots and improved documentation
  • ✅ v0.0.5: Added 5 accessibility-focused themes (Gentle Sepia, Low-Blue Night, Soft Contrast, Dusky Rose Dark, High Readability Contrast)
  • ✅ v0.0.4: Added 5 new professional themes (Nord, Tokyo Night, Dracula Pro, Solarized, Gruvbox)
  • ✅ v0.0.3: Enhanced Pink theme with improved color palette
  • ✅ v0.0.2: Fixed activation events and improved packaging
  • ✅ v0.0.1: Initial release with 4 core themes

🎉 Enjoy Coding with Style!

VSCode Ultimate Themes Pack - Transform your coding experience with beautiful, professional themes designed for developers by developers.

Quick Start

  1. Install the extension
  2. Open Command Palette (Ctrl+Shift+P)
  3. Type "Switch to" and pick your favorite theme
  4. Happy coding! 🚀

Made with ❤️ by SecureDev01

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft