Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>X Dark ColorsNew to Visual Studio Code? Get it now.
X Dark Colors

X Dark Colors

xscriptor

|
77 installs
| (0) | Free
X Dark Colors Collection themes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

X Dark Colors — Theme Collection for VS Code

A versatile collection of dark themes for VS Code, designed to look great with transparency using the xglass extension. This pack includes the original high-contrast Core Collection and the new, colorful City Collection. Expect crisp text and clear readability on a pure black

Preview:

Included Themes

Core Collection

  • X Milán (formerly X Dark One) - Bright yellow accents
  • X Almería (formerly X Dark Retro) - Lime green/Retro style
  • X Frankfurt (formerly X Dark Freeze) - Ice blue tones
  • X Medellín (formerly X Dark Candy) - Sweet orange/Vibrant

City Collection (Global)

  • X Kyoto (Blue)
  • X Marrakech (Red/Orange)
  • X Reykjavik (Teal)
  • X Cairo (Gold)
  • X Rio (Green & Pink)
  • X Athens (Blue & Orange)
  • X Istanbul (Purple & Yellow)
  • X Sidney (Teal & Coral)
  • X Nice (Rose Gold & Slate)
  • X Liverpool (Grey & Red)
  • X Barcelona (Azure & Yellow)
  • X Rome (Purple & Gold)
  • X Múnich (Neon Green & Black)
  • X Vienna (Burgundy & Cream)
  • X Stockholm (Nordic Blue & Yellow)
  • X Stavanger (Deep Blue & Frost)
  • X Tampere (Green & Purple)
  • X Moscow (Red & Gold)
  • X Dubai (Black & Gold)
  • X Osaka (Neon Pink & Cyan)
  • X Seoul (Red & Blue)
  • X Mumbai (Orange & Teal)
  • X Bangkok (Purple & Orange)
  • X Singapore (Green & White)
  • X New York (Slate & Taxi Yellow)
  • X Chicago (Steel Blue & Grey)
  • X San Francisco (International Orange & Fog)
  • X Toronto (Red & White)

Key Features

  • High Contrast: All themes are optimized for maximum readability
  • xglass Compatibility: Specifically designed to work perfectly with transparency effects
  • Enhanced Syntax: Carefully selected colors for different programming languages
  • Visual Fatigue Reduction: Color palettes that minimize eye strain
  • Highlighted UI Elements: Buttons, badges and interactive elements with high visibility

Installation

From Visual Studio Code Marketplace

  1. Open Visual Studio Code
  2. Go to Extensions tab (Ctrl+Shift+X)
  3. Search for "X Dark Colors" or "Xscriptor"
  4. Click "Install"

Manual Installation

  1. Download the .vsix file from releases
  2. Open VS Code
  3. Press Ctrl+Shift+P and run "Extensions: Install from VSIX..."
  4. Select the downloaded file

Usage

  1. Install the xglass extension (recommended for better experience)
  2. Open Command Palette (Ctrl+Shift+P)
  3. Type "Preferences: Color Theme"
  4. Select one of the X Dark themes (e.g., X Milán, X Kyoto, X New York, etc.)

Optimized for xglass

These themes have been specifically designed to work with the xglass extension, providing:

  • Perfect contrast with transparent backgrounds
  • Enhanced readability in overlapping windows
  • Vibrant colors that remain visible with transparency
  • Highlighted UI elements for easy navigation

Contributing

Do you have suggestions or found an issue?

  • Report a bug
  • Suggest an improvement
  • View source code

License

This project is under the MIT license. See the LICENSE file for more details.

Author

Xscriptor - GitHub


Optimized for Visual Studio Code with xglass transparency

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