nordtheme / nord

An arctic, north-bluish color palette.

An arctic, north-bluish color palette.

A total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.

Created for clear, uncluttered and elegant designs following a minimal and flat style pattern. For syntax highlighting it aims to ensure an undisturbed focus on important parts of the code, a good readability and a quick visual distinction between the different syntax elements.

Nord consists of four named color palettes providing different syntactic meanings and color effects for dark & bright ambiance designs.

All colors are numbered from nord0 to nord15 where each palette contains a different amount of colors. The naming convention preserves the compatibility for terminal color schemes and allows an uncomplicated use as base for such.

Getting Started

Visit the official website to learn all about Nord's colors and palettes and how to install and integrate Nord in your own projects or use the color swatches for your favorite applications.

Quick Start

Install Nord using npm or yarn:

# npm
npm install --save nord

# yarn
yarn add nord

Please see the complete installation and usage guide for more details.

Port Projects

Unify the appearance and usage experience for your favorite applications — from code editors, shell terminals to modern UIs and libraries.

Nord supports a broad and constantly growing spectrum that allows to customize your daily tool stack.

Color Swatches

Next to the many ways of integrating Nord into your project, all color palettes of Nord are also available in various native color swatch formats.

Easily import Nord into macOS, Adobe products like Photoshop & Illustrator, GIMP/Krita/Inkscape and many more.

Contributing

Nord is an open source project and we love to receive contributions from the community!

There are many ways to contribute, from writing- and improving documentation and tutorials, reporting bugs, submitting enhancement suggestions that can be added to Nord by submitting pull requests.

Please take a moment to read the full contributing guide to learn about the development process, the project's used styleguides, branch organization and versioning model.

The guide also includes information about minimal, complete, and verifiable examples and other ways to contribute to the project like improving existing issues and giving feedback on issues and pull requests.

Copyright © 2016-present Sven Greb

nord's Issues

PNG format of footer mountain banner

Related to nordtheme/visual-studio-code#56

The banner-footer-mountains.svg file should be available as PNG for port projects.

Tasks

• Add PNG converted banner-footer-mountains.svg in normal and 2x sizes

nord-notepadplusplus repo un available

https://github.com/arcticicestudio/nord-notepadplusplus is a 404 on the README.md
Consider removing the link?

Highlight.js Theme

Adding a highlight.js theme would be great for syntax highlighting on the web.

JavaScript implementation

Technology

It should be implemented using the Babel ES2016 syntax to allow the usage of the latest language features.

Features and Support

The Nord color palette should be implemented as a immutable object via the Object.freeze() method and should not be allowed to rebind using the const keyword.

const NORD = Object.freeze({
/* color constants */
nord0: "#2E3440",
/...
});
//...
export default NORD;

This allows users to import the whole color palette.

import NORD from "nord";

All four color palette components should also be implemented and exported as immutable and not rebindable Object.
The color constants should be initialized with the values of the main NORD object.

export const POLARNIGHT = Object.freeze({
/* "Polar Night" color constants */
nord0 = NORD.nord0,
// ...
});
export const SNOWSTORM = Object.freeze({/* "Snow Storm" color constants */});
export const FROST = Object.freeze({/* "Frost" color constants */});
export const AURORA = Object.freeze({/* "Aurora" color constants */});

This allows users to import only specific parts of the color palette.

import { POLARNIGHT, FROST } from "nord";

Configurations

A .babelrc file should be created to set Babel configurations.

Code Quality

The ESLint configurations should be updated to support the Jest unit tests.

Documentation

All JavaScript sources should be documented via JSDoc.

Unit Tests

Units tests should be implemented using Jest.
This includes the Jest specific configurations in the package.json which also allows to generate code coverage reports.

Build Tools

The gulpfile should be updated to support the building of the JSDocs.

WebStorm

All necessary project files (.idea directory) of the main development IDE should be added to track them via git.

Continuous Integration

The Travis CI- and Circle CI configurations should be updated to support the new implementation.

Process

• Implement the default module export NORD
• Implement all color palette components as exported immutable and not rebindable objects
• Implement Jest unit tests
• Create a .babelrc configuration dotfile
• Update the Travis CI- and Circle CI build configurations
• Add the WebStorm project files
• Update the ESLint configuration
• Implement JSDoc gulp tasks
• Implement Babel JS compilation gulp tasks

Vim theme?

Hey,

What has happened to the vim theme? The repository is empty

Xcode port project

Xcode

The Xcode IDE is at the center of the Apple development experience. Tightly integrated with the Cocoa and Cocoa Touch frameworks, Xcode is an incredibly productive environment for building apps for Mac, iPhone, iPad, Apple Watch, and Apple TV.

🌐 Official website

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-23 ✔️
➡️ Released on 2017-04-23 with initial version 🏷 0.1.0

❯ Title: Nord Xcode
❯ Project: nord-xcode
❯ Related issues: arcticicestudio/nord-xcode #1

• Request #27 by @ornithocoder

Port for Quiver

Are there any plans for a theme for the Quiver app?
It's the only thing in my toolbox that has a different theme, burns my eyes

Port for OmniOutliner

I created a light and dark version of nord to use on OmniOutliner, but it would be nice to have an official version.

For each template I created 32 styles matching Nord colors (Nord0-Nord15 background) and (Nord0-Nord15 foreground) and then created Highlighted 1, 2, and 3 using combinations of these 32 original styles. For instance, for the light template:

• Highlighted 1 = Nord14 Background + Nord3 Foreground
• Highlighted 2 = Nord13 Background + Nord3 Foreground
• Highlighted 3 = Nord9 Background + Nord6 Foreground

The templates also have:

• Heading 1: Font set to 28 points
• Heading 2: Font set to 20 points
• Emphasis: Font set to bold

Brackets Port Project

Brackets

A modern, open source text editor that understands web design

🌐 Official website
Repository

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-08 2017-04-15 ✔️
➡️ Released on 2017-04-15 with initial version 🏷 0.1.0
➡️ Now available on the Brackets Extension Registry

❯ Title: Nord Brackets
❯ Project: nord-brackets
❯ Backlog: #18
❯ Related issues:

• Request PR #17 by @jmyser

A detailed documentation can be found in the initial implementation ticket arcticicestudio/nord-brackets #1.

light color theme

Is there an option to make a light color theme based on nord which just switches background/foreground color?
I'm thinking of something like solarized.

Unnecessary whitespaces at end of line in Sass CSS template

The new stylelint integration implemented in #32 revealed unnecessary whitespaces in the documentation of the Sass CSS template which can been seen in the Travis CI build #34 and Circle CI builds develop #35.
The docs have been copied from the main nord.scss file which gets rendered to Markdown with sassdoc and have been appended to cause a line break.

Visual Studio Code Support

Hello!

This is my absolute favourite theme and i'm currently using it for everything - Vim, Terminal, and Atom. I just switched from Atom to VSCode and if it's not too much trouble, I would love support for it.

Thank you so much for your hard work! 💯

Slack theme

The color scheme looks great and having it for Slack would be great as well. My best attempt was #2E3440,#3B4252,#434C5E,#D8DEE9,#3B4252,#D8DEE9,#8FBCBB,#81A1C1

Shell prompt?

Hey, this might not be best way to ask this, but where can I find your shell prompt? It's amazing and I don't see it anywhere in your repositories.

Keep up great work!

Typo in project description

Moved from nord-atom-syntax #36 reported by @MaximSokolov

📝 A arctic ... -> An arctic ...

This must be fixed for all port projects.

• Nord Atom Syntax
  ↪️ arcticicestudio/nord-atom-syntax #42
• Nord Atom UI
  ↪️ arcticicestudio/nord-atom-ui #60
• Nord Hyper
  ↪️ arcticicestudio/nord-hyper #9
• Nord Visual Studio Code
  ↪️ arcticicestudio/nord-visual-studio-code #6
• Nord dircolors
  ↪️ arcticicestudio/nord-dircolors #3
• Nord Terminal.app
  ↪️ arcticicestudio/nord-terminal-app #2
• Nord PuTTY
  ↪️ arcticicestudio/nord-putty #2
• Nord Mintty
  ↪️ arcticicestudio/nord-mintty #2
• Nord Xresources
  ↪️ arcticicestudio/nord-xresources #3
• Nord Xfce Terminal
  ↪️ arcticicestudio/nord-xfce-terminal #6
• Nord Terminator
  ↪️ arcticicestudio/nord-terminator #6
• Nord Termite
  ↪️ arcticicestudio/nord-termite #6
• Nord Konsole
  ↪️ arcticicestudio/nord-konsole #6
• Nord Guake
  ↪️ arcticicestudio/nord-guake #2
• Nord GNOME Terminal
  ↪️ arcticicestudio/nord-gnome-terminal #2
• Nord Notepad++
  ↪️ arcticicestudio/nord-notepadplusplus #2
• Nord Coda
  ↪️ arcticicestudio/nord-coda #2
• Nord Vim
  ↪️ arcticicestudio/nord-vim #28
• Nord iTerm2
  ↪️ arcticicestudio/nord-iterm2 #4
• Nord gedit
  ↪️ arcticicestudio/nord-gedit #6
• Nord Eclipse Syntax
  ↪️ arcticicestudio/nord-eclipse-syntax #3
• Nord Terminix
  ↪️ arcticicestudio/nord-terminix #12
• Nord Java
  ↪️ arcticicestudio/nord-java #10
• Nord IntelliJ IDEA Syntax
  ↪️ arcticicestudio/nord-intellij-idea-syntax #4

Switch color of methods/functions and strings

The accent color nord8 should be used for methods/functions.
Strings should use the nord14 color instead.

Port for GTK+

I really like the nord theme, it looks great!

I was wondering if a nord GTK+ theme is something that's possible?

Travis CI and Circle CI build integration

Create Travis CI (.travis.yml) and Circle CI (circle.yml) configuration files for continuous builds against the Gulp tasks compile-css-template and sassdoc.

OSX native color palette

Add a .clr OSX color palette created with the Apple color picker.
A import guide should be added to the project wiki.

Import

Selection

👍 Thanks to @ornithocoder for the suggestion in #27.

Dircolors theme?

It would be awesome if we could create a dircolors theme. We could structure the theme from the solarized dircolors repository.

Currently, folders that contain the permissions 777 are difficult to read, as seen below.

Unfortuantely many of my files contain this permission, due to being mounted with a NTFS-3G UserMapping file, in order to preserve windows compatibility.

I haven't discovered any other major issues, however I'm sure there are minor tweaks which can improve the dircolors experience.

You thoughts would be greatly appreciated!

NOTE: I haven't thoroughly researched dircolors yet, however there may be a simpler fix for folders containing the 777 permission...

tmux port project

tmux is a terminal multiplexer that lets you switch easily between several programs in one terminal, detach them (they keep running in the background) and reattach them to a different terminal. And do a lot more.

🌐 Official website
Repository

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-20 ✔️
➡️ Released on 2017-04-20 with plugin version 🏷 0.1.1

❯ Title: Nord tmux
❯ Project: nord-tmux
❯ Related issues:

• Request #16 by @heliostatic

A detailed documentation can be found in the initial implementation ticket arcticicestudio/nord-tmux #1.

Alacritty theme

There is this new and awesome terminal being developed and was wondering if theme for it could be added?

https://github.com/jwilm/alacritty

Xcode theme?

Hello. Nord is simply amazing and I'm currently using it on vim and macOS' Terminal. Do you have any plans for releasing an official Nord theme for Xcode?

I'm currently using a heavily inspired theme I created. It's based on the official theme for vim.

Port Projects

UPDATE

This issue is closed now, future port projects will be tracked and documented with one specific issue including the associated pull request management. New requests will be added to the backlog until they are moved into the project board of the version they will be released with.

Pending/Open port project requests in this issue will be moved into single issues.

---

📓 This epic tracks issues for officially supported port project implementations.
It contains general information for earch project like the total process, related issues and (approximate) ETA dates.

Please note that only official port projects are supported ❕
The reason for this is the goal to provide a consistent- and good quality for all port projects.
This can only be fulfilled by developing and maintaining these projects in one place.
❗️ This does NOT exclude contributions under any circumstances ❗️
💟 OSS is made of 👩‍💻 contributions 👨‍💻, 🍴 forks and code sharing and I'm happy for every help!

Please take into account that I work as a software developer in the "real world". I hope you understand that the time for a response may vary depending on my freetime ☺️
➡️ Also, please make sure to read the development process section below for additional information about this issue.

Development process

Every official port project is developed locally until the first working initial version is ready to be shipped.
This approach has been deliberately chosen to provide good quality.

I've made the experience that pushing every change to the public repository before the project even reached a runnable/usable state only leads to confusion of some users that try to use the project productively, but are dissatisfied because it does not work as desired.
A good example are games marked as Early Access on Steam.
There are good reasons to publish a product as soon as possible for sure which are not only seen from a financial perspective like bug detection and the reviews of users to continiously improve the product, but this can not be applied to all software categories.
That's why all port projects are published after passing certain quality tests and reaching a running/usable state.

If the port project you'd like to see is not listed feel free to create a request issue or post it below.

• Editors & IDEs
  • Emacs
    ➡️ 🏷 0.1.0
  • Sublime Text
  • Brackets
    ➡️ 🏷 0.1.0
  • Xcode
    ➡️ 🏷 0.1.0
• UI Applications
  • Alfred
  • Firefox
• UI Libraries
  • GTK
• CLI Applications
  • tmux
    ➡️ 🏷 0.1.1
  • WeeChat
  • ConEmu

---

Editors & IDEs

Emacs

An extensible, customizable, free/libre text editor — and more.

🌐 Official website
Repository (Mirror)

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-03-25 ✔️
➡️ Released on 2017-03-25 with initial version 🏷 0.1.0
➡️ Now available on MELPA (melpa/melpa #4655)

❯ Title: Nord Emacs
❯ Project: nord-emacs
❯ Backlog: -
❯ Related issues:

• Request #6 by @jinnovation
• Unofficial port project for Spacemacs by @bobbypriambodo posted in #6
• Unofficial port project by @apierz posted in #6

Sublime Text

Sublime Text is a sophisticated text editor for code, markup and prose.
You'll love the slick user interface, extraordinary features and amazing performance.

🌐 Official website

🏁 Process ▮▯▯▯▯▯▯▯▯▯ 10%
ETA: -

❯ Title: Nord Sublime Text
❯ Project: nord-sublime-text
❯ Backlog: -
❯ Related issues:

• Request #19 by @djstein

Brackets

A modern, open source text editor that understands web design

🌐 Official website
Repository

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-08 2017-04-15 ✔️
➡️ Released on 2017-04-15 with initial version 🏷 0.1.0
➡️ Now available on the Brackets Extension Registry

❯ Title: Nord Brackets
❯ Project: nord-brackets
❯ Backlog: #18
❯ Related issues:

• Request PR #17 by @jmyser

Xcode

The Xcode IDE is at the center of the Apple development experience. Tightly integrated with the Cocoa and Cocoa Touch frameworks, Xcode is an incredibly productive environment for building apps for Mac, iPhone, iPad, Apple Watch, and Apple TV.

🌐 Official website

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-23 ✔️
➡️ Released on 2017-04-23 with initial version 🏷 0.1.0

❯ Title: Nord Xcode
❯ Project: nord-xcode
❯ Backlog: #35
❯ Related issues: arcticicestudio/nord-xcode #1

• Request #27 by @ornithocoder

---

UI Applications

Alfred

Alfred is an award-winning app for Mac OS X which boosts your efficiency with hotkeys, keywords, text expansion and more. Search your Mac and the web, and be more productive with custom actions to control your Mac.

🌐 Official website

🏁 Process ▮▮▮▮▯▯▯▯▯▯ 40%
ETA: -

❯ Title: Nord Alfred
❯ Project: nord-alfred
❯ Backlog: -
❯ Related issues:

• #14 by @mattpirelli

Firefox

Set the Web free and your mind will follow. Great add-ons for work, fun, privacy, productivity… just about anything!

🌐 Official website (Add-Ons)

🏁 Process ▯▯▯▯▯▯▯▯▯▯ 0%
ETA: -

❯ Title: Nord Firefox
❯ Project: nord-firefox
❯ Backlog: -
❯ Related issues:

• #22 by @hahuang65

---

UI Libraries

GTK

GTK+, or the GIMP Toolkit, is a multi-platform toolkit for creating graphical user interfaces. Offering a complete set of widgets, GTK+ is suitable for projects ranging from small one-off tools to complete application suites.

🌐 Official website

🏁 Process ▯▯▯▯▯▯▯▯▯▯ 0%
ETA: -

❯ Title: Nord GTK
❯ Project: nord-gtk
❯ Backlog: -
❯ Related issues:

• Request #11 by @d3rrial

---

CLI Applications

tmux is a terminal multiplexer that lets you switch easily between several programs in one terminal, detach them (they keep running in the background) and reattach them to a different terminal. And do a lot more.

🌐 Official website
Repository

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-04-20 ✔️
➡️ Released on 2017-04-20 with plugin version 🏷 0.1.1

❯ Title: Nord tmux
❯ Project: nord-tmux
❯ Backlog: #30
❯ Related issues:

• Request #16 by @heliostatic

WeeChat

WeeChat is a fast, light and extensible chat client. It runs on many platforms like Linux, Unix, BSD, GNU Hurd, Mac OS X and Windows (Bash/Ubuntu and Cygwin).

🌐 Official website
Repository

🏁 Process ▯▯▯▯▯▯▯▯▯▯ 0%
ETA: -

❯ Title: Nord WeeChat
❯ Project: nord-weechat
❯ Backlog: -
❯ Related issues:

• Request #21 by @hahuang65

ConEmu

ConEmu-Maximus5 is a Windows console emulator with tabs, which presents multiple consoles and simple GUI applications as one customizable GUI window with various features.

🌐 Official website
Repository

🏁 Process ▮▮▮▮▮▮▮▮▮▮ 100%
ETA: 2017-10-14
➡️ Initial version 🏷 0.1.0 released on 2017-10-14

❯ Title: Nord ConEmu
❯ Project: nord-conemu
❯ Backlog: -
❯ Related issues:

• Request #26 by @boogy
• Initial startup code #26 (comment) by @cobrabr

Port for Ulysses

Found this on the Ulysses Style exchange. Not my work, but thought you might want to add it to your list if it meets your criteria.

https://styles.ulyssesapp.com/bundle/Nord/59cbe20cecc333596890d2e0

ConEmu Nord theme

I was wondering if a nord ConEmu or Cmder theme is something that's possible?

Add Nord Hyper to Terminal List

There is a Nord theme for Hyper. I think this should be added to the list of terminal themes.

Tmux color scheme?

Would it be possible to get a tmux color scheme, similar to this one based on the vim-gotham theme? https://github.com/shaneog/tmux-colors-gotham

Port for Telegram

It would be cool if there was also an implementation for GTK + and Telegram
I see that issue for GTK+ already exists #11

Add RegExp coloring description

nord13 should be used to colorize all kind of regular expressions.

Port for Weechat

I'd actually like to use the nord colors in Weechat. Problem is, I'm not sure how to translate the terminal colors to Weechat.

if you're not familiar with Weechat, it's an IRC client that runs in your terminal. So I've got my terminal set up with Nord (I use both iTerm2 and urxvt), but my Weechat is configured to use more colors than Nord defines:

/set weechat.color.chat_nick_colors "cyan,magenta,green,brown,default,lightcyan,lightmagenta,blue,31,35,38,40,49,63,70,80,92,99,112,126,130,138,142,148,160,162,167,169,174,176,178,184,186,210,212,215,247"

The documentation for Weechat's colors is here:
http://weechat.org/files/doc/stable/weechat_user.en.html#command_line_colors

How might I reconcile the 2 so that I only get Nord defined colors in Weechat?

Port for Nylas Mail

Hi,

I was wondering how complicated it would be to adapt the Atom UI theme to work for the Nylas Mail Client?

BTW 👍 for the amazing theme!!

Port project Nord Terminix renaming

The port project Nord Terminix has been renamed to Nord Tilix due to trademark infringement.
This requires to update

• the documentation
• port projects assets

Stylelint integration

Integrate stylelint to lint all LESSCSS and Sass sources.
Implement tasks for gulp to run with Travis CI and Circle CI builds.

Guake theme

Guake Terminal is one popular top-down terminal for Gnome. Would you like to add supports for it. Thanks!

PyCharm

Any plans on making a port to PyCharm???

"Adobe Photoshop Color Palette" CS6 compatibility

The current file has been created via Gpick.
The file should be recreated using Adobe Photoshop CS6 to be fully compatible to the vendor format.

PHPStorm

I was wondering if can be any support for PHPStorm, my favorite IDE

Difference between Nord and Northem

Hi guys,

Thank you for the atom themes. They are awesome.

Can you tell me which is the difference between Nord theme and Northem? Is Northem the precursor of Nord? Or is it a separate theme?

Switch color of punctuations and variables/constants

The nord4 color should be used for variables and constants.
Punctuations should use the nord6 color instead.

Port for Alfred 3

I trew together a quick theme for Alfred 3, if you're interested

Nord.alfredappearance.zip

Sublime Theme?

I saw one for Atom is there any proposal for a Sublime theme?

Port for Plasma 5

It would be great to have a Plasma 5 theme for this. As the palette isn't too far from the default Breeze theme it shouldn't be too hard to port. Here is a very rough first attempt at one.

Screenshot:

Emacs theme?

Beautiful color palette. Was wondering if there's any plan for an Emacs theme?

Wrong iTerm2 banner

The iTerm2 banner is a duplicate of the GNOME Terminal banner.
This has been reported on the Nord Vim repository issue #8 by @shvetsovdm but moved here since it is related to a linked Nord asset.

Port for `andre-simon/highlight`

There is a Linux binary called highlight, which is basically doing the same thing with highlight.js. It's SUPER easy to create themes. It would be great if you support so.

How to create themes explained in https://github.com/andre-simon/highlight section 3.4.

It probably take ten minutes to make it.

ESLint integration

Integrate ESLint to lint all JavaScript sources including the gulpfile.

• Use ES6 JavaScript syntax and features
• Implement gulp tasks for ESLint

Xcode 9 Asset Catalog

Xcode 9 added color support to asset catalogs. It would be nice to have an official Nord asset catalog that could be dragged and dropped in iOS and macOS projects.

Asset Catalogs colors can be used in

1. Interface Builder, and
2. Programmatically - using UIColor(named:).

Example:

Suggestion: Nord.xcassets.zip

Chromium theme?

I see that a Firefox theme is in the works, are there plans for a chromium theme? Once the GTK+ theme is up and running, will using the "Use GTK+ theme" button automatically sync the color of chromium to the colors as set in the GTK+ theme?

Port for Firefox Theme

Any plans on making a port for Firefox?