A modern, minimal dark theme for VS Code
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Gloomy Night
- Click Install to install it
- Click Reload to reload the editor or Restart
- From the menu bar click: Code > Preferences > Color Theme > Gloomy Night
Read the VS Code Extension Quickstart Guide
The file icon theme seen in the screenshot above is vscode-icons
Color |
Usage |
#08162A |
Workbench background |
#08162A |
Editor background |
#0C203C |
Highlight, widgets, panels |
#E3EAFF |
Status bar text, buttons, etc |
#d7dce2 |
Active text, anything that should be white |
#c3a6ff |
Keywords, constants, template literals |
#ffcc66 |
Functions, classes, object literal keys |
#ffae57 |
Constants, operators |
#53D3B5 |
Strings, markdown headings |
#FF5277 |
Entity, Attribute name |
#5CCFE6 |
Tags |