Gloomy Night

A modern, minimal dark theme for VS Code

Installation via VS Code

1. Open Extensions sidebar panel in VS Code. View → Extensions
2. Search for Gloomy Night
3. Click Install to install it
4. Click Reload to reload the editor or Restart
5. From the menu bar click: Code > Preferences > Color Theme > Gloomy Night

Manual Installation

Read the VS Code Extension Quickstart Guide

Icon Theme

The file icon theme seen in the screenshot above is vscode-icons

Color Scheme

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