Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Theme It DarkNew to Visual Studio Code? Get it now.
Theme It Dark

Theme It Dark

Hanesh Jogani

|
430 installs
| (1) | Free
Theme It Dark, an extension for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Theme It Dark theme for VS Code

A minimal, dark blue theme for VS Code.

Installation via VS Code

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Theme It Dark
  3. Click Install to install it
  4. Click Reload to reload the editor
  5. Code > Preferences > Color Theme > Theme It Dark

Color Reference

Syntax Colors

Color Usage
#c3a6ff #c3a6ff Keywords, constants, template literals
#ffd580 #ffd580 Functions, classes, object literal keys
#ffae57 #ffae57 Constants, operators
#bae67e #bae67e Strings, markdown headings
#5ccfe6 #5ccfe6 Special keywords, classes, markdown code blocks
#a2aabc #a2aabc Variables, property names, tags

UI Colors

Color Usage
#171c28 #171c28 Workbench background
#1d2433 #1d2433 Editor background
#2f3b54 #2f3b54 Highlight, widgets, panels
#6679a4 #6679a4 Dividers, subtle UI elements
#8695b7 #8695b7 Status bar text, buttons, etc
#d7dce2 #d7dce2 Active text, anything that should be white
#ffcc66 #ffcc66 Accent, list tree titles, badges, etc
#bae67e #bae67e Addition highlights
#ef6b73 #ef6b73 Deletion highlights, errors, warnings
#5ccfe6 #5ccfe6 Modified highlights

Theming Reference

VS Code Theme Color Reference

VS Code Theme Documentation

VS Code Publishing Extensions

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