/_vscode-theme-neon-night

🎨 A Dark VS Code Theme: high contrast and easy on the eyes

Primary LanguageJavaScriptMIT LicenseMIT

Neon Night

Version Downloads

A dark theme for VS Code

Full Preview

JavaScript React Vue
JavaScript Screen React Screen Vue Screen
Go Dockerfile HTML
Go Screen Dockerfile screen HTML Screen
JSON TOML YAML
JSON Screen TOML Screen YAML screen

Getting Started

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

Installation

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

Syntax Colors

USAGE HEX CODES
Background #20242d #20242d
Background Dark #1B1E26 #1B1E26
Foreground #C7C8FF #C7C8FF
Black #20242d #20242d
White #C7C8FF #C7C8FF
Magenta #DD92F6 #DD92F6
Blue #69B4F9 #69B4F9
Cyan #8CE8ff #8CE8ff
Green #7EFDD0 #7EFDD0
Red #FF8E8E #FF8E8E
Yellow #FCAD3F #FCAD3F
Diff Added #7EFDD011 #7EFDD011
Diff Removed #FF8E8E11 #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.