Hecate 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 hecate
3. Click Install to install it
4. Click Reload to reload the editor
5. Code > Preferences > Color Theme > hecate

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": "#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

Theming Reference

VS Code Theme Color Reference

VS Code Theme Documentation

VS Code Publishing Extensions