All Projects → bchiang7 → Halcyon Vscode

bchiang7 / Halcyon Vscode

Licence: mit
A dark blue theme for VS Code based on the Ayu Mirage theme

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Halcyon Vscode

valley-vscode
Valley is a simple theme for Visual Studio Code without visual noise. Created with handpicked and vivid colors, appropriate contrast and a lot of love to help you focus on your code.
Stars: ✭ 14 (-87.04%)
Mutual labels:  dark-theme, color-theme, vscode-theme
paddy-color-theme
A very detailed VS Code color theme with earthy tones and many background options for all ye badass hackers. 🍁
Stars: ✭ 29 (-73.15%)
Mutual labels:  dark-theme, color-theme, vscode-theme
Vscode One Monokai
🎨 Vscode One Monokai theme.
Stars: ✭ 214 (+98.15%)
Mutual labels:  dark-theme, vscode-extension, vscode-theme
alternight-vscode-theme
Repository of AlterNight, your new favorite theme for Visual Studio Code.
Stars: ✭ 53 (-50.93%)
Mutual labels:  dark-theme, color-theme, vscode-theme
Xcode One Dark
Atom One Dark theme for Xcode
Stars: ✭ 273 (+152.78%)
Mutual labels:  dark-theme, color-theme
gloom
A dark and gloomy pastel color syntax theme for Visual Studio Code
Stars: ✭ 31 (-71.3%)
Mutual labels:  dark-theme, vscode-theme
Emacs Kaolin Themes
Set of eye pleasing themes for GNU Emacs. Supports both GUI and terminal.
Stars: ✭ 421 (+289.81%)
Mutual labels:  dark-theme, color-theme
Horizon Theme Vscode
🎨 A beautifully warm dual theme for Visual Studio Code
Stars: ✭ 506 (+368.52%)
Mutual labels:  dark-theme, vscode-theme
colorstorm
A color theme generator for editors and terminal emulators
Stars: ✭ 101 (-6.48%)
Mutual labels:  dark-theme, vscode-theme
Emacs Color Themes
A collection of custom themes for Emacs. All the themes are named after famous programmers.
Stars: ✭ 469 (+334.26%)
Mutual labels:  dark-theme, color-theme
Nord Visual Studio Code
An arctic, north-bluish clean and elegant Visual Studio Code theme.
Stars: ✭ 749 (+593.52%)
Mutual labels:  vscode-theme, color-theme
vscode-material-product-icons
Product Icon Theme with Material Icons for VS Code
Stars: ✭ 19 (-82.41%)
Mutual labels:  vscode-extension, vscode-theme
theme-bluloco-light
A fancy but yet sophisticated light designer color scheme.
Stars: ✭ 73 (-32.41%)
Mutual labels:  vscode-extension, vscode-theme
Awesome Vscode
🎨 A curated list of delightful VS Code packages and resources.
Stars: ✭ 19,659 (+18102.78%)
Mutual labels:  vscode-extension, vscode-theme
vsc
☢️ A fresh-looking, neon theme for Visual Studio Code Almost radioactive.
Stars: ✭ 24 (-77.78%)
Mutual labels:  vscode-extension, vscode-theme
Shades Of Purple Vscode
🦄 Shades of Purple — A professional theme with hand-picked & bold shades of purple to go along with your VSCode. Reviewed by several designers and 75+ theme versions released to keep it updated. One of the top rated best VSCode themes on VS Code Marketplace. Download →
Stars: ✭ 486 (+350%)
Mutual labels:  vscode-extension, vscode-theme
Idea One Dark Theme
One Dark theme for IntelliJ IDEA, PhpStorm, PyCharm, RubyMine, WebStorm
Stars: ✭ 971 (+799.07%)
Mutual labels:  dark-theme, color-theme
Theme Bear
🐻 A VSCode dark theme 🐻
Stars: ✭ 27 (-75%)
Mutual labels:  vscode-extension, vscode-theme
Vscode Winteriscoming
Dark theme with fun and bright foreground colors
Stars: ✭ 105 (-2.78%)
Mutual labels:  vscode-extension, vscode-theme
Vue Theme Vscode
+200.000 installs ⬇️ Theme for Visual Studio Code inspired by Vue.js, with support for more popular languages, trying to maintain a perfect harmony of colors.
Stars: ✭ 54 (-50%)
Mutual labels:  vscode-extension, vscode-theme

Halcyon Logo

Halcyon Theme for VS Code

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

Version Downloads Installs

demo

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": "#8695b7",
  "material-icon-theme.folders.theme": "specific",
  "material-icon-theme.hidesExplorerArrows": true,

Color Reference

Syntax Colors

Color Usage
#c3a6ff #c3a6ff Keywords, constants, template literals
#ffd580 #ffd580 Functions, classes, object literal keys
#ffae57 #ffae57 Constants, operators
#bae67e #bae67e Strings, markdown headings
#5ccfe6 #5ccfe6 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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].