Halcyon Theme installs statistics

<p align="center"> <img alt="Halcyon Logo" src="https://raw.githubusercontent.com/bchiang7/halcyon-vscode/master/images/logo.png" width="100" /> </p> <h1 align="center"> Halcyon Theme for VS Code </h1> <p align="center"> A minimal, dark blue theme for <a href="https://halcyon-theme.netlify.com/">VS Code, Sublime Text, Atom, and more</a>. </p> <p align="center"> <a href="https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode"> <img alt="Version" src="https://img.shields.io/visual-studio-marketplace/v/brittanychiang.halcyon-vscode?color=brightgreen" /> </a> <a href="https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode"> <img alt="Downloads" src="https://img.shields.io/visual-studio-marketplace/d/brittanychiang.halcyon-vscode" /> </a> <a href="https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode"> <img alt="Installs" src="https://img.shields.io/visual-studio-marketplace/i/brittanychiang.halcyon-vscode" /> </a> </p>

Installation via VS Code

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

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": "#96a6cc",
  "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
#bae67e	Strings, markdown headings
#5ccfe6	Special keywords, classes, markdown code blocks
#a2aabc	Variables, property names, tags

UI Colors

Color	Usage
#171c28	Workbench background
#1d2433	Editor background
#2f3b54	Highlight, widgets, panels
#6679a4	Dividers, subtle UI elements
#96a6cc	Status bar text, buttons, etc
#d7dce2	Active text, anything that should be white
#ffcc66	Accent, list tree titles, badges, etc
#bae67e	Addition highlights
#ef6b73	Deletion highlights, errors, warnings
#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

Publish to Open VSX (Cursor)

ovsx publish

Shameless Plug

Halcyon is also available for Sublime Text, Atom, iTerm, and more!.