Neon Night

A dark theme for VS Code

Full Preview

JavaScript	React	Vue

Go	Dockerfile	HTML

JSON	TOML	YAML

Getting Started

You can find the Neon Night theme in the Visual Studio Code Marketplace.

Installation

Open the Extensions sidebar in VS Code. View → Extensions
Search for Neon Night, choose "Neon Night" by chaseadamsio
Click Install to install it
Click Reload to reload VS Code
From the menu bar click: Code > Preferences > Color Theme > Neon Night (or any of the variants listed)
🎉🎉 Enjoy!

Syntax Colors

USAGE	HEX CODES
Background	`#20242d`
Background Dark	`#1B1E26`
Foreground	`#C7C8FF`
Black	`#20242d`
White	`#C7C8FF`
Magenta	`#DD92F6`
Blue	`#69B4F9`
Cyan	`#8CE8ff`
Green	`#7EFDD0`
Red	`#FF8E8E`
Yellow	`#FCAD3F`
Diff Added	`#7EFDD011`
Diff Removed	`#FF8E8E11`

Development

Run the develop:init task:


yarn prepublish && yarn develop:init

This will create a symlink in the VS Code extensions and build the theme for the first time. After running this, follow the Installation instructions to load the theme.

Publishing

prepublish - Creates the neon-night.json and package.json in <ROOT>/themes and copies relevant files (README, license, static assets)
vscode:publish - Publishes themes as the root directory for the extension.

Designed with 💜 by Chase Adams. You can find me on Twitter at chaseadamsio.