nord-visual-studio-code: A JavaScript repository from mdogadailo

An arctic, north-bluish clean and elegant Visual Studio Code theme.

Designed for a fluent and clear workflow.
Based on the Nord color palette.

Icons provided by Material Icon Theme.
Font: Source Code Pro 20px

Getting started

Installation

VS Code Extension Marketplace

Launch Quick Open

Linux Ctrl+P
macOS ⌘P
Windows Ctrl+P

Paste the following command and press Enter:

ext install arcticicestudio.nord-visual-studio-code

Packaged VSIX Extension

Download the latest nord-visual-studio-code-0.5.0.vsix file from the GitHub repository and install it from the command line

code --install-extension nord-visual-studio-code-0.5.0.vsix

or from within VS Code by launching Quick Open and running the Install from VSIX... command.

From Source

Continuous integration builds are running at Travis-CI and Circle CI.

GitHub Repository Clone

Change to your .vscode/extensions VS Code extensions directory. Depending on your platform it is located in the following folders:

Linux ~/.vscode/extensions
macOs ~/.vscode/extensions
Windows %USERPROFILE%\.vscode\extensions

Clone the Nord repository as nord-visual-studio-code:

git clone https://github.com/arcticicestudio/nord-visual-studio-code arcticicestudio.nord-visual-studio-code

VSIX Package Extension Build

The VSIX package extension file can be build from source using the vsce publishing tool by running

vsce package

from the command line.

Activation

Launch Quick Open,

Linux Ctrl+P
macOS Shift+⌘+P
Windows Ctrl+P

run the Preferences: Color Theme command and select Nord from the drop-down menu.

The color theme drop-down can alternatively be opened via File (Code on macOS) > Preferences > Color Theme.

Features

Editor

Non-obtrusive cursor line and search marker.

Colors of selected code can still be easily recognized.

Workbench

Fully supported Workbench styles.

Activity Bar Badges

Tabs

Status Bar

Panels and terminal colors

Debug panel

Debug status panel

Editor Widgets (Search)

Notifications

Badges

Side Bar Views (Debug)

Peek View

Diff Editor

Peek View

Validations

Validations
Active selection

Inactive selection

Active selection with keyboard navigation marker

Active- and inactive selection with hover marker

Active Indent Guide

Languages

This theme contains optimized styles to achieve a consistent and uniform coloring across languages.
Detailed descriptions for supported languages can be found in the project wiki.