/dark-room

VSCODE EXTENSION

Halcyon Logo

Dark Room Theme for VS Code

A minimal, dark blue theme for VS Code, Sublime Text, Atom, and more.

demo

demo

Installation via VS Code

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

Manual Installation

Read the VSC Extension Quickstart Guide

Icon Theme

The file icon theme seen in the screenshot above is Material Icon Theme with these settings:

  "material-icon-theme.folders.color": "#8695b7",
  "material-icon-theme.folders.theme": "specific",
  "material-icon-theme.hidesExplorerArrows": true,

Color Reference

Syntax Colors

Color Usage

| #c3a6ff #c3a6ff | Functions, classes, object literal keys | | #ffc6ff #ffc6ff | Constants, operators | | #c0fdff77 #c0fdff77 | Strings, markdown headings | | #c0fdff #c0fdff | 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

Syntax & Workbench colors based on Ayu Mirage Theme

vsce publish patch/minor/major

Shameless Plug

Dark Room Theme is also available for Sublime Text, Atom, iTerm, and more!.