Nord Atom Syntax

An arctic, north-bluish clean and elegant Atom syntax theme.

Designed for a optimized fluent and clear workflow matching the Nord Atom UI theme.

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 theme supports a wide range of programming languages — From bundled definitions up to many popular third-party syntax packages.

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.

Take your favorite packages with you.

The theme supports many popular syntax packages for great highlighting.

A React JSX component with the indent-guide-improved package that draws indent guides more correctly and understandably

Installation and updates with one click.

Install Nord from the official theme package registry with one click including automatic updates to always use the latest Nord version.

Screenshot showing the builtin theme package registry view
The builtin theme package registry view.