Hecate Theme for VS Code

A minimal, dark blue theme for VS Code.

demo

Installation via VS Code

Open Extensions sidebar panel in VS Code. View → Extensions
Search for hecate
Click Install to install it
Click Reload to reload the editor
Code > Preferences > Color Theme > hecate

Manual Installation

Icon Theme

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

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

Color Reference

Syntax Colors

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

UI Colors

Color	Usage
`#0f0e1c`	Workbench background
`#2c2b55`	Editor background
`#4a478e`	Highlight, widgets, panels
`#6679a4`	Dividers, subtle UI elements
`#acaad4`	Status bar text, buttons, etc
`#e3e3f1`	Active text, anything that should be white
`#fcde9c`	Accent, list tree titles, badges, etc
`#c4d6b0`	Addition highlights
`#251805`	Deletion highlights, errors, warnings
`#5ccfe6`	Modified highlights