Nord Visual Studio Code

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

Designed for a fluent and clear workflow with support for many languages and the workbench UI.

Screenshot showing JSX syntax as part of a React component

Your IDE. Your style.

The unified UI and editor syntax element design provides a clutter-free and fluidly merging appearance.

Screenshot showing the code editor in combination with UI elements like the sidebar and minimap
Syntax highlighting in the editor in combination with UI elements like the sidebar and minimap.
Screenshot showing a Go function
Syntax highlighting for Go.

Beautiful code to keep focused.

The editor color scheme supports a wide range of programming languages — From bundled definitions up to many popular third-party syntax extensions.

Screenshot showing a JavaScript React Hook function
JavaScript with a React Hook for React Spring animations.
Screenshot showing a React component with highlighted matching brackets
React component with highlighted matching brackets.

Supportive code surfing features like highlighting of bracket pairs are designed to stand out well from the actual code.

Comments and reference documentations are intentionally inconspicuous and less disturbing in order to keep the focus on the important elements: the source code.

Screenshot showing multiple Go functions with corresponding documentation comments
Go function with corresponding documentation comments.

Small details with unobtrusive styles.

Popular and common code editor features like search result marker and brace matching are designed to get out of your way with a visually attractive appearance.

Brace match highlighting.
Code selection in the editor.

The discreet visual style for selected code blocks ensures still easily recognizable syntax colors.

Well recognizable marker for active and context related search results.

Code selection in the editor.

Uniform design with beautiful UI elements.

The themed UI elements provide a fluid and unobtrusive transition from the code editor to the IDE.

Screenshot showing UI elements for the debug view
UI elements for the debug view.
Screenshot showing the active and inactive explorer sidebar with mouse and keyboard focused items
Active and inactive sidebar with mouse and keyboard focused items.

Sane styles for basic workbench UI elements like the tree view of the explorer in the sidebar.

Installation and updates with one click.

Install Nord from the official extension marketplace with one click including automatic updates to always use the latest Nord version.

Screenshot showing the builtin extension marketplace view
Builtin extension marketplace view.