Vibrant Dark Pro

A beautiful, professional dark theme for VS Code with vibrant colors, enhanced typography, and a modern Activity Bar. Perfect for developers who want a visually appealing coding experience.

✨ Features

Two Beautiful Variants:
- Prince Nice Theme - Original theme with vibrant colors and cyan accents
- Prince Nice Dark Theme - Dark theme variant with blue accents and sky blue Activity Bar
Professional Activity Bar - Colorful, modern Activity Bar with hover effects
Enhanced Typography - Bold keywords, functions, and classes for better code readability
Comprehensive UI Styling - All VS Code UI elements are beautifully styled
Better Contrast - Optimized for long coding sessions
Developer-Friendly - Perfect balance of aesthetics and functionality

Running Locally

Method 1: Using F5 (Recommended)

Open this project folder in VS Code
Press F5 or go to Run > Start Debugging
A new VS Code window will open with your extension loaded (Extension Development Host)
In the new window, go to File > Preferences > Color Themes (or Cmd+K Cmd+T on Mac / Ctrl+K Ctrl+T on Windows)
Select either "prince nice theme" or "prince nice dark theme"
Changes to theme files are automatically applied - just save the file and the Extension Development Host window will update

Method 2: Using Launch Configuration

Open this project folder in VS Code
Go to the Run and Debug view (Cmd+Shift+D on Mac / Ctrl+Shift+D on Windows)
Select "Extension" from the dropdown
Click the green play button or press F5
Follow steps 4-6 from Method 1

Method 3: Manual Installation

Copy the entire project folder to ~/.vscode/extensions/prince-nice-theme (or %USERPROFILE%\.vscode\extensions\prince-nice-theme on Windows)
Restart VS Code
Go to File > Preferences > Color Themes and select your theme

Development Tips

Live Reload: When developing, changes to theme files are automatically applied in the Extension Development Host window
Inspect Tokens: Use Developer: Inspect Editor Tokens and Scopes command to see what scopes are applied to your code
Theme Files: Edit the JSON files in the themes/ folder to customize colors
Color Reference: Check VS Code's color theme documentation for available color properties

Recommended Font Settings

For the best experience with this theme, we recommend using a monospace font with ligatures support. Here are some popular options:

Popular Developer Fonts:

Fira Code - Beautiful ligatures, great readability
JetBrains Mono - Modern, professional, excellent for coding
Cascadia Code - Microsoft's coding font with ligatures
Source Code Pro - Adobe's open-source coding font

Quick Setup:

Install your preferred font (download from Google Fonts or official websites)
Open VS Code Settings (Cmd+, on Mac / Ctrl+, on Windows)
Search for "font family"
Set Editor: Font Family to: 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace
Enable Editor: Font Ligatures for beautiful code symbols

Or copy the recommended settings from .vscode/settings.json to your VS Code user settings.

Font Settings Preview:

{
  "editor.fontFamily": "'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.letterSpacing": 0.5
}

Customization

Both theme files are located in the themes/ directory:

prince nice theme-color-theme.json - Original theme with vibrant colors
prince nice dark theme-color-theme.json - New dark theme variant

You can modify colors, token colors, and UI elements in these JSON files.

Enhanced Features:

Bold keywords - Important keywords stand out with bold styling
Bold functions - Function names are bold for better visibility
Bold classes - Class names are emphasized
Comprehensive UI colors - All VS Code UI elements are styled
Better contrast - Improved readability for long coding sessions

Publishing

To publish your extension to the VS Code marketplace, follow the publishing guide.

I hope you love this theme!

Thanks,
Prince Verma