├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitattributes ├── .github └── codeowners ├── .gitignore ├── .husky └── pre-commit ├── .mailmap ├── .npmrc ├── .prettierignore ├── .remarkignore ├── .remarkrc.mjs ├── .stylelintrc.js ├── changelog.md ├── license ├── lint-staged.config.js ├── package-lock.json ├── package.json ├── prettier.config.js ├── readme.md └── src ├── nord.css ├── nord.less ├── nord.scss ├── nord.styl └── swatches ├── Nord.clr ├── nord.aco ├── nord.ase ├── nord.gpa ├── nord.gpl └── nord.mtl /.editorconfig: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Configurations for EditorConfig. 5 | # See https://editorconfig.org/#file-format-details for more details. 6 | 7 | # +--------------------+ 8 | # + Base Configuration + 9 | # +--------------------+ 10 | root = true 11 | 12 | [*] 13 | charset = utf-8 14 | end_of_line = lf 15 | indent_size = 2 16 | indent_style = space 17 | insert_final_newline = true 18 | max_line_length = 160 19 | trim_trailing_whitespace = true 20 | 21 | # +----------------+ 22 | # + Color Swatches + 23 | # +----------------+ 24 | [/src/swatches/*.{aco,ase,clr,gpa,gpl,mtl}] 25 | charset = none 26 | end_of_line = none 27 | indent_size = none 28 | indent_style = none 29 | insert_final_newline = false 30 | max_line_length = none 31 | trim_trailing_whitespace = false 32 | 33 | # +-----------+ 34 | # + Languages + 35 | # +-----------+ 36 | # +--- Markdown ---+ 37 | [*.{md}] 38 | max_line_length = off 39 | trim_trailing_whitespace = false 40 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Path match pattern to ignore (i.e. not lint) certain files and folders. 5 | # References: 6 | # 1. https://eslint.org/docs/latest/use/configure/ignore 7 | 8 | node_modules/ 9 | 10 | # Explicitly include specific "dotfiles". 11 | # ESLint automatically applies ignore pattern for "dotfiles" by default to prevent accidentally lint over paths like 12 | # `.git` or any other critical paths. 13 | !**/.eslintrc.js 14 | !.remarkrc.mjs 15 | !.stylelintrc.js 16 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the Creative Commons Attribution-ShareAlike 4.0 International license found in the license file. 4 | */ 5 | 6 | /** 7 | * Configurations for ESLint. 8 | * @see https://eslint.org/docs/latest/use/configure 9 | * @see https://eslint.org/docs/latest/use/configure/#using-configuration-files 10 | * @see https://eslint.org/docs/latest/use/configure/#specifying-environments 11 | * @see https://eslint.org/docs/latest/rules 12 | */ 13 | module.exports = { 14 | root: true, 15 | extends: [ 16 | "@svengreb/eslint-config-base", 17 | /* 18 | * Enable support for projects using Prettier. 19 | * Note that this must always be placed after the `@svengreb/eslint-config-base` preset to take precedence, otherwise it won't prevent errors 20 | * due to useless and possibly conflicting rules! 21 | */ 22 | "@svengreb/eslint-config-base/prettier", 23 | ], 24 | overrides: [ 25 | { 26 | files: ["*.js"], 27 | rules: { 28 | "capitalized-comments": "off", 29 | }, 30 | }, 31 | ], 32 | }; 33 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Configuration to define attributes per path. 5 | # References: 6 | # 1. https://git-scm.com/docs/gitattributes 7 | # 2. https://git-scm.com/book/en/v2/Customizing-Git-Git-Attributes#Keyword-Expansion 8 | 9 | # Automatically perform line feed (LF) normalization for files detected as text and 10 | # leave all files detected as binary untouched. 11 | * text=auto eol=lf 12 | 13 | # +----------------------+ 14 | # + Adobe Creative Suite + 15 | # +----------------------+ 16 | # Color Swatch Exchange 17 | *.ase binary 18 | 19 | # +-----------------+ 20 | # + Adobe Photoshop + 21 | # +-----------------+ 22 | # Color Palette 23 | *.aco binary 24 | 25 | # +--------+ 26 | # + Assets + 27 | # +--------+ 28 | *.png binary 29 | 30 | # +---------------+ 31 | # + GIMP/Inkscape + 32 | # +---------------+ 33 | # Color Palette 34 | *.gpl text eol=lf 35 | # Project Map 36 | *.xcf binary 37 | 38 | # +-------+ 39 | # + Gpick + 40 | # +-------+ 41 | # Color Palette 42 | *.gpa binary 43 | 44 | # +-------+ 45 | # + macOS + 46 | # +-------+ 47 | # Color Palette 48 | *.clr binary 49 | -------------------------------------------------------------------------------- /.github/codeowners: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Configuration for the GitHub feature to automatically request reviews from the code owners 5 | # when a pull request changes any owned files. 6 | # 7 | # References: 8 | # 1. https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners#codeowners-file-location 9 | # 2. https://github.com/blog/2392-introducing-code-owners 10 | 11 | # +----------------------+ 12 | # + Core Team Code Owner + 13 | # +----------------------+ 14 | * @svengreb 15 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Path match pattern to intentionally ignore untracked files and directories. 5 | # See https://git-scm.com/docs/gitignore for more details. 6 | 7 | # +---------+ 8 | # + Node.js + 9 | # +---------+ 10 | node_modules/ 11 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # Copyright (c) 2016-present Sven Greb 4 | # This source code is licensed under the Creative Commons Attribution-ShareAlike 4.0 International license found in the license file. 5 | 6 | # Git "pre-commit" hook for husky. 7 | # References: 8 | # 1. https://github.com/typicode/husky 9 | # 2. https://git-scm.com/docs/githooks#_pre_commit 10 | 11 | . "$(dirname "$0")/_/husky.sh" 12 | 13 | npm exec lint-staged 14 | -------------------------------------------------------------------------------- /.mailmap: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Configuration for the Git mail mapping feature to coalesce together commits by the same person in the shortlog, 5 | # where their name and/or email address was spelled differently or has been changed. 6 | # See https://git-scm.com/docs/git-shortlog#_mapping_authors for more details. 7 | Sven Greb 8 | Sven Greb 9 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Configurations for npm. 5 | # See https://docs.npmjs.com/cli/v7/configuring-npm/npmrc for more details. 6 | 7 | # Disable the vulnerability auditing and checks which includes often way too many false-positives, insignificant 8 | # problems that are only for local development, and many other warnings that are overhelming. 9 | # Use dedicated vulnerability tools instead to filter and identify issue that really impact the project. 10 | # References: 11 | # 1. https://docs.npmjs.com/cli/v9/commands/npm-audit 12 | audit=false 13 | 14 | # Only use a lockfile for single-consumer projects, like applications, but not for multi-consumer projects like 15 | # libraries. 16 | # It helps to pin dependency versions, improves the security through integrity checksums, prevents possible errors 17 | # caused by updated transitive dependencies and allows to get deterministic build results, but it can hide problems in 18 | # multi-consumer projects when any later versions of a used dependency, or its transitive dependencies, is not 19 | # compatible with the own project anymore. 20 | package-lock=true 21 | 22 | # Do not resolve to the latest minor and patch updates. 23 | # Automatically pin dependencies to exact versions instead of resolving to latest minor and patch updates. 24 | # This prevents possible errors caused by updated transitive dependencies. 25 | save-exact=true 26 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Path match pattern to ignore (i.e. not reformat) certain files and folders. 5 | # See https://prettier.io/docs/en/ignore for more details. 6 | 7 | .husky/_/ 8 | node_modules/ 9 | -------------------------------------------------------------------------------- /.remarkignore: -------------------------------------------------------------------------------- 1 | # Copyright (c) 2016-present Sven Greb 2 | # This source code is licensed under the MIT license found in the license file. 3 | 4 | # Path match pattern to ignore when searching for files. 5 | # See https://github.com/unifiedjs/unified-engine/blob/HEAD/doc/ignore.md for more details. 6 | 7 | node_modules/ 8 | license 9 | -------------------------------------------------------------------------------- /.remarkrc.mjs: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /** 7 | * Configurations for remark-lint. 8 | * @see https://github.com/remarkjs/remark-lint 9 | * @see https://remark.js.org 10 | */ 11 | export default { 12 | plugins: ["@svengreb/remark-preset-lint"], 13 | }; 14 | -------------------------------------------------------------------------------- /.stylelintrc.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /** 7 | * Configurations for Stylelint. 8 | * @see https://stylelint.io 9 | * @see https://stylelint.io/user-guide/rules 10 | * @see https://github.com/stylelint/stylelint-config-standard 11 | */ 12 | module.exports = { 13 | extends: ["stylelint-config-standard"], 14 | plugins: ["stylelint-prettier"], 15 | overrides: [ 16 | { 17 | files: ["*.less"], 18 | plugins: ["stylelint-less"], 19 | customSyntax: "postcss-less", 20 | rules: { 21 | "at-rule-no-unknown": null, 22 | "color-no-invalid-hex": true, 23 | "less/color-no-invalid-hex": true, 24 | }, 25 | }, 26 | { 27 | files: ["*.scss"], 28 | extends: ["stylelint-config-standard-scss"], 29 | }, 30 | ], 31 | }; 32 | -------------------------------------------------------------------------------- /changelog.md: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

10 | 11 |

12 | 13 | 14 | 15 | 16 | 17 | 18 |

19 | 20 |

Changelog for Nord.

21 | 22 | # 0.2.0 23 | 24 | ![Release Date: 2016-11-22](https://img.shields.io/badge/Release_Date-2016--11--22-88C0D0.svg?style=flat-square) [![Project Board](https://img.shields.io/badge/Project_Board-0.2.0-88C0D0.svg?style=flat-square)](https://github.com/orgs/nordtheme/projects/1/views/10) [![Milestone](https://img.shields.io/badge/Milestone-0.2.0-88C0D0.svg?style=flat-square)](https://github.com/nordtheme/nord/milestone/2) 25 | 26 | > Detailed information about features and the project can be found in the [project documentation][6]. 27 | 28 | ## Improvements 29 | 30 | ### Color Swatches 31 | 32 | The "Adobe Photoshop Color Palette" (`nord.ase`) is now fully compatible to Adobe Photoshop CS6. The previous file was created using [Gpick][8] and has been recreated using [Adobe Photoshop CS6][2] to be fully compatible with the vendor format specification. (#5, 30ae2f4b) 33 | 34 | ### Documentation 35 | 36 | ❯ Switched the color definitions for `nord8` and `nord14`. The accent color `nord8` is now used for methods and functions while strings and attribute values are now colored by `nord14` instead. This design has already been implemented in all port projects before, but is now officially documented with this release version. (#1, 2a95e4c0) 37 | 38 | ❯ Switched the color of punctuations and variables / constants. The `nord4` color is now used for variables and constants while punctuations are now colored by `nord6` instead. This design has also already been implemented in all port projects before, but is now officially documented with this release version. (#2, f8231acd) 39 | 40 | ❯ `nord13` is now used to colorize regular expressions. (#3, adfcac5c) 41 | 42 | ❯ Added new SVG variations of the color palette components. These can be used for showcases or any kind of branding concepts. (78ef70b8) 43 | 44 |

45 | 46 |

47 | 48 |

49 | 50 |

51 | 52 | #### Port Projects 53 | 54 | ❯ Added new official port projects. (eacf9078, 51f46d1b, d51a995b) 55 | 56 |

57 | 58 | 59 | Nord Eclipse Syntax 60 | 61 | 62 | 63 | 64 | Nord gedit 65 | 66 | 67 | 68 | 69 | Nord Java 70 | 71 | 72 | 73 | 74 | Nord Tilix 75 | 76 | 77 |

78 | 79 | ## Tasks 80 | 81 | ### Toolbox 82 | 83 | ❯ Added [Travis CI][5] and [Circle CI][4] configurations. (#4, 00beff7d) 84 | 85 | ❯ Added npm registry badges to show the latest published version and amount of downloads. (2c061e15) 86 | 87 | # 0.1.0 88 | 89 | ![Release Date: 2016-09-04](https://img.shields.io/badge/Release_Date-2016--09--04-88C0D0.svg?style=flat-square) [![Project Board](https://img.shields.io/badge/Project_Board-0.1.0-88C0D0.svg?style=flat-square)](https://github.com/orgs/nordtheme/projects/1/views/10) [![Milestone](https://img.shields.io/badge/Milestone-0.1.0-88C0D0.svg?style=flat-square)](https://github.com/nordtheme/nord/milestone/1) 90 | 91 | > Detailed information about features and the project can be found in the [project documentation][6]. 92 | 93 |

94 | 95 | Nord Palette Overview 96 | 97 |

98 | 99 | ## Features 100 | 101 | ❯ Added the [Sass][15] sources `nord.scss` and the `template-css.scss` CSS template which can be compiled to `nord.css` with [Gulp][9] by running `gulp compile-css-template`. (6106be79) 102 | 103 | ❯ Added the Sass documentation using [Sassdoc][16] which can be compiled to a static HTML documentation via [Gulp][9] by running `gulp sassdoc`. (ab2a6b45 and 133c597c) 104 | 105 | ❯ Added the [Less][14] source `nord.less`. (dc568bb2) 106 | 107 | ❯ Added the Less source documentation using the [KSS][12] documentation syntax. Information about the generation of a styleguide can be found in the [official KSS documentation][13]. 108 | 109 | ❯ Added various native color swatches: 110 | 111 |

112 | 113 | Nord Palette Overview 114 | 115 |

116 | 117 | - `.aco` - [Adobe Photoshop][2] Palette 118 | - `.ase` - [Adobe Swatch Exchange][1] 119 | - `.gpa` - [Gpick][8] Palette 120 | - `.gpl` - [GIMP][7], [Inkscape][10] and [Krita][11] Palette 121 | - `.mtl` - Alias and WaveFront Material 122 | 123 | # Project Initialization 124 | 125 | ![Project Initialization: 2016-09-04](https://img.shields.io/badge/Project_Initialization-2016--09--04-88C0D0.svg?style=flat-square) 126 | 127 |

128 | 129 | 130 | 131 | 132 | 133 |

134 | 135 |

136 | Copyright © 2016-present Sven Greb 137 |

138 | 139 |

140 | 141 | 142 | 143 | 144 | 145 | 146 |

147 | 148 | [1]: https://helpx.adobe.com/illustrator/using/using-creating-swatches.html 149 | [2]: http://adobe.com/products/photoshop 150 | [4]: https://circleci.com/gh/nordtheme/nord 151 | [5]: https://travis-ci.org/nordtheme/nord 152 | [6]: https://www.nordtheme.com 153 | [7]: https://docs.gimp.org/en/gimp-concepts-palettes.html 154 | [8]: http://gpick.org 155 | [9]: http://gulpjs.com 156 | [10]: http://wiki.inkscape.org/wiki/index.php/ColorPalette 157 | [11]: https://docs.krita.org/Palette 158 | [12]: http://warpspire.com/kss 159 | [13]: http://warpspire.com/kss/styleguides 160 | [14]: http://lesscss.org 161 | [15]: http://sass-lang.com 162 | [16]: http://sassdoc.com 163 | -------------------------------------------------------------------------------- /license: -------------------------------------------------------------------------------- 1 | MIT License (MIT) 2 | 3 | Copyright (c) 2016-present Sven Greb (https://www.svengreb.de) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /lint-staged.config.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /** 7 | * Configurations for lint-staged. 8 | * @see https://github.com/okonet/lint-staged#configuration 9 | */ 10 | module.exports = { 11 | "*.{css,less,scss}": ["stylelint", "prettier --check --ignore-unknown --no-editorconfig"], 12 | "*.json": "prettier --check --ignore-unknown --no-editorconfig", 13 | "*.{js,js}": ["eslint", "prettier --check --ignore-unknown --no-editorconfig"], 14 | "*.md": ["remark --no-stdout", "prettier --check --ignore-unknown --no-editorconfig"], 15 | ".husky/pre-*": "prettier --check --ignore-unknown --no-editorconfig", 16 | }; 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nord", 3 | "version": "0.2.1", 4 | "description": "An arctic, north-bluish color palette", 5 | "author": { 6 | "name": "Sven Greb", 7 | "email": "development@svengreb.de", 8 | "url": "https://www.svengreb.de" 9 | }, 10 | "homepage": "https://www.nordtheme.com", 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/nordtheme/nord.git" 14 | }, 15 | "bugs": { 16 | "url": "https://github.com/nordtheme/nord/issues" 17 | }, 18 | "license": "MIT", 19 | "engines": { 20 | "npm": ">=7.7" 21 | }, 22 | "files": [ 23 | "src/nord.css", 24 | "src/nord.less", 25 | "src/nord.scss", 26 | "src/nord.styl" 27 | ], 28 | "keywords": [ 29 | "nord", 30 | "arctic", 31 | "north", 32 | "bluish", 33 | "clean", 34 | "minimal", 35 | "flat", 36 | "ui", 37 | "syntax" 38 | ], 39 | "style": "src/nord.css", 40 | "scripts": { 41 | "format": "run-s format:*", 42 | "format:js": "eslint --fix .", 43 | "format:pretty": "prettier --ignore-unknown --no-editorconfig --write \"**\"", 44 | "lint": "run-s lint:css lint:js lint:less lint:md lint:pretty lint:sass", 45 | "lint:ci": "run-s --continue-on-error lint:css lint:js lint:less lint:md lint:sass lint:ci:pretty", 46 | "lint:ci:pretty": "prettier --check --ignore-unknown --loglevel silent --no-editorconfig --no-error-on-unmatched-pattern \"**\"", 47 | "lint:css": "stylelint --formatter verbose src/nord.css", 48 | "lint:js": "eslint .", 49 | "lint:less": "stylelint --formatter verbose ./src/nord.less", 50 | "lint:md": "remark --no-stdout . .github/", 51 | "lint:pretty": "prettier --check --ignore-unknown --no-editorconfig \"**\"", 52 | "lint:sass": "stylelint --formatter verbose src/nord.scss", 53 | "prepare": "run-s prepare:*", 54 | "prepare:husky": "husky install", 55 | "test": "run-s lint" 56 | }, 57 | "devDependencies": { 58 | "@svengreb/eslint-config-base": ">=0.12.0 <=1.0.0", 59 | "@svengreb/remark-preset-lint": ">=0.5.0 <1.0.0", 60 | "eslint": "8.39.0", 61 | "eslint-config-prettier": "8.8.0", 62 | "eslint-plugin-import": "2.27.5", 63 | "eslint-plugin-prettier": "4.2.1", 64 | "husky": "8.0.3", 65 | "lint-staged": "13.2.2", 66 | "npm-run-all": "4.1.5", 67 | "postcss-less": "6.0.0", 68 | "postcss-scss": "4.0.6", 69 | "prettier": "2.8.8", 70 | "prettier-plugin-sh": "0.12.8", 71 | "remark-cli": "11.0.0", 72 | "stylelint": "15.6.0", 73 | "stylelint-config-standard": "33.0.0", 74 | "stylelint-config-standard-scss": "9.0.0", 75 | "stylelint-less": "1.0.6", 76 | "stylelint-prettier": "3.0.0" 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /** 7 | * Configurations for Prettier. 8 | * @see https://prettier.io/docs/en/configuration.html 9 | * @see https://prettier.io/docs/en/options.html 10 | * @see https://prettier.io/docs/en/options.html#parser 11 | * @see https://prettier.io/docs/en/plugins.html 12 | * @see https://github.com/un-ts/prettier/tree/master/packages/sh 13 | */ 14 | module.exports = { 15 | printWidth: 160, 16 | overrides: [ 17 | { 18 | files: ["*.less"], 19 | options: { 20 | parser: "less", 21 | }, 22 | }, 23 | { 24 | files: ["*.scss"], 25 | options: { 26 | parser: "scss", 27 | }, 28 | }, 29 | { 30 | files: [".husky/*"], 31 | options: { 32 | parser: "sh", 33 | }, 34 | }, 35 | ], 36 | }; 37 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

10 | 11 |

12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

22 | 23 |

24 | 25 | 26 | 27 | 28 | 29 | 30 |

31 | 32 |

33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |

43 | 44 |

An arctic, north-bluish color palette.

45 | 46 |

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

47 | 48 |

Created for clear, uncluttered and elegant designs following a minimal and flat style pattern. 49 | 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.

50 | 51 |

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

52 | 53 |

54 | 55 | 56 | 57 | Nord color palette cards 58 | 59 | 60 |

61 | 62 | 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. 63 | 64 | ## Getting Started 65 | 66 | Visit the [official website][17] to [learn all about Nord's colors and palettes][13] and how to [install and integrate Nord in your own projects][15] or use the [color swatches for your favorite applications][14]. 67 | 68 | ### Quick Start 69 | 70 | Install Nord using [npm][18] or [yarn][19]: 71 | 72 | ```sh 73 | # npm 74 | npm install --save nord 75 | 76 | # yarn 77 | yarn add nord 78 | ``` 79 | 80 | Please see the complete [installation and usage guide][15] for more details. 81 | 82 | ## Port Projects 83 | 84 | Unify the appearance and usage experience for your favorite applications — from code editors, shell terminals to modern UIs and libraries. 85 | 86 | Nord supports a broad and constantly growing spectrum that allows to [customize your daily tool stack][16]. 87 | 88 |

89 | 90 | 91 | 92 | Nord port project illustration 93 | 94 | 95 |

96 | 97 | ## Color Swatches 98 | 99 | Next to the many ways of [integrating Nord into your project][15], all [color palettes of Nord][13] are also available in [various native color swatch formats][14]. 100 | 101 | Easily import Nord into macOS, _Adobe_ products like _Photoshop_ & _Illustrator_, GIMP/Krita/Inkscape and many more. 102 | 103 |

104 | 105 | 106 | 107 | Nord color swatch toolbox 108 | 109 | 110 |

111 | 112 | ## Contributing 113 | 114 | Nord is an open source project and we love to receive contributions from the [community][12]! 115 | 116 | There are many ways to contribute, from [writing- and improving documentation and tutorials][3], [reporting bugs][2], [submitting enhancement suggestions][4] that can be added to Nord by [submitting pull requests][8]. 117 | 118 | Please take a moment to read the full [contributing guide][11] to learn about the development process, the project's used [styleguides][9], [branch organization][1] and [versioning][10] model. 119 | 120 | The guide also includes information about [minimal, complete, and verifiable examples][7] and other ways to contribute to the project like [improving existing issues][6] and [giving feedback on issues and pull requests][5]. 121 | 122 |

123 | 124 | 125 | 126 | 127 | 128 |

129 | 130 |

131 | Copyright © 2016-present Sven Greb 132 |

133 | 134 |

135 | 136 | 137 | 138 | 139 | 140 | 141 |

142 | 143 | [1]: https://github.com/nordtheme/.github/blob/main/contributing.md#branch-organization 144 | [2]: https://github.com/nordtheme/.github/blob/main/contributing.md#bug-reports 145 | [3]: https://github.com/nordtheme/.github/blob/main/contributing.md#documentations 146 | [4]: https://github.com/nordtheme/.github/blob/main/contributing.md#enhancement-suggestions 147 | [5]: https://github.com/nordtheme/.github/blob/main/contributing.md#feedback 148 | [6]: https://github.com/nordtheme/.github/blob/main/contributing.md#improve-issues 149 | [7]: https://github.com/nordtheme/.github/blob/main/contributing.md#mcve 150 | [8]: https://github.com/nordtheme/.github/blob/main/contributing.md#pull-requests 151 | [9]: https://github.com/nordtheme/.github/blob/main/contributing.md#style-guides 152 | [10]: https://github.com/nordtheme/.github/blob/main/contributing.md#versioning 153 | [11]: https://github.com/nordtheme/.github/blob/main/contributing.md 154 | [12]: https://www.nordtheme.com/community 155 | [13]: https://www.nordtheme.com/docs/colors-and-palettes 156 | [14]: https://www.nordtheme.com/docs/swatches 157 | [15]: https://www.nordtheme.com/docs/usage 158 | [16]: https://www.nordtheme.com/ports 159 | [17]: https://www.nordtheme.com 160 | [18]: https://www.npmjs.com 161 | [19]: https://yarnpkg.com 162 | -------------------------------------------------------------------------------- /src/nord.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /* 7 | * References: 8 | * 1. https://www.w3.org/TR/css-variables 9 | * 2. https://www.w3.org/TR/selectors/#root-pseudo 10 | * 3. https://drafts.csswg.org/css-variables 11 | * 4. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables 12 | * 5. https://warpspire.com/kss 13 | * 6. https://github.com/kss-node/kss-node 14 | */ 15 | 16 | /* 17 | An arctic, north-bluish color palette. 18 | Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax 19 | highlighting and UI. 20 | It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful 21 | ambiance. 22 | 23 | Styleguide Nord 24 | */ 25 | 26 | :root { 27 | /* 28 | Base component color of "Polar Night". 29 | 30 | Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. 31 | 32 | Markup: 33 |
34 | 35 | Styleguide Nord - Polar Night 36 | */ 37 | --nord0: #2e3440; 38 | 39 | /* 40 | Lighter shade color of the base component color. 41 | 42 | Used as a lighter background color for UI elements like status bars. 43 | 44 | Markup: 45 |
46 | 47 | Styleguide Nord - Polar Night 48 | */ 49 | --nord1: #3b4252; 50 | 51 | /* 52 | Lighter shade color of the base component color. 53 | 54 | Used as line highlighting in the editor. 55 | In the UI scope it may be used as selection- and highlight color. 56 | 57 | Markup: 58 |
59 | 60 | Styleguide Nord - Polar Night 61 | */ 62 | --nord2: #434c5e; 63 | 64 | /* 65 | Lighter shade color of the base component color. 66 | 67 | Used for comments, invisibles, indent- and wrap guide marker. 68 | In the UI scope used as pseudoclass color for disabled elements. 69 | 70 | Markup: 71 |
72 | 73 | Styleguide Nord - Polar Night 74 | */ 75 | --nord3: #4c566a; 76 | 77 | /* 78 | Base component color of "Snow Storm". 79 | 80 | Main color for text, variables, constants and attributes. 81 | In the UI scope used as semi-light background depending on the theme shading design. 82 | 83 | Markup: 84 |
85 | 86 | Styleguide Nord - Snow Storm 87 | */ 88 | --nord4: #d8dee9; 89 | 90 | /* 91 | Lighter shade color of the base component color. 92 | 93 | Used as a lighter background color for UI elements like status bars. 94 | Used as semi-light background depending on the theme shading design. 95 | 96 | Markup: 97 |
98 | 99 | Styleguide Nord - Snow Storm 100 | */ 101 | --nord5: #e5e9f0; 102 | 103 | /* 104 | Lighter shade color of the base component color. 105 | 106 | Used for punctuations, carets and structuring characters like curly- and square brackets. 107 | In the UI scope used as background, selection- and highlight color depending on the theme shading design. 108 | 109 | Markup: 110 |
111 | 112 | Styleguide Nord - Snow Storm 113 | */ 114 | --nord6: #eceff4; 115 | 116 | /* 117 | Bluish core color. 118 | 119 | Used for classes, types and documentation tags. 120 | 121 | Markup: 122 |
123 | 124 | Styleguide Nord - Frost 125 | */ 126 | --nord7: #8fbcbb; 127 | 128 | /* 129 | Bluish core accent color. 130 | 131 | Represents the accent color of the color palette. 132 | Main color for primary UI elements and methods/functions. 133 | 134 | Can be used for 135 | - Markup quotes 136 | - Markup link URLs 137 | 138 | Markup: 139 |
140 | 141 | Styleguide Nord - Frost 142 | */ 143 | --nord8: #88c0d0; 144 | 145 | /* 146 | Bluish core color. 147 | 148 | Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and 149 | punctuations like (semi)colons,commas and braces. 150 | 151 | Markup: 152 |
153 | 154 | Styleguide Nord - Frost 155 | */ 156 | --nord9: #81a1c1; 157 | 158 | /* 159 | Bluish core color. 160 | 161 | Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). 162 | 163 | Markup: 164 |
165 | 166 | Styleguide Nord - Frost 167 | */ 168 | --nord10: #5e81ac; 169 | 170 | /* 171 | Colorful component color. 172 | 173 | Used for errors, git/diff deletion and linter marker. 174 | 175 | Markup: 176 |
177 | 178 | Styleguide Nord - Aurora 179 | */ 180 | --nord11: #bf616a; 181 | 182 | /* 183 | Colorful component color. 184 | 185 | Used for annotations. 186 | 187 | Markup: 188 |
189 | 190 | Styleguide Nord - Aurora 191 | */ 192 | --nord12: #d08770; 193 | 194 | /* 195 | Colorful component color. 196 | 197 | Used for escape characters, regular expressions and markup entities. 198 | In the UI scope used for warnings and git/diff renamings. 199 | 200 | Markup: 201 |
202 | 203 | Styleguide Nord - Aurora 204 | */ 205 | --nord13: #ebcb8b; 206 | 207 | /* 208 | Colorful component color. 209 | 210 | Main color for strings and attribute values. 211 | In the UI scope used for git/diff additions and success visualizations. 212 | 213 | Markup: 214 |
215 | 216 | Styleguide Nord - Aurora 217 | */ 218 | --nord14: #a3be8c; 219 | 220 | /* 221 | Colorful component color. 222 | 223 | Used for numbers. 224 | 225 | Markup: 226 |
227 | 228 | Styleguide Nord - Aurora 229 | */ 230 | --nord15: #b48ead; 231 | } 232 | -------------------------------------------------------------------------------- /src/nord.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /* 7 | * References: 8 | * 1. https://warpspire.com/kss 9 | * 2. https://github.com/kss-node/kss-node 10 | */ 11 | 12 | // An arctic, north-bluish color palette. 13 | // Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax 14 | // highlighting and UI. 15 | // It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful 16 | // ambiance. 17 | // 18 | // Styleguide Nord 19 | 20 | // Base component color of "Polar Night". 21 | // 22 | // Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. 23 | // 24 | // Markup: 25 | //
26 | // 27 | // Styleguide Nord - Polar Night 28 | @nord0: #2e3440; 29 | 30 | // Lighter shade color of the base component color. 31 | // 32 | // Used as a lighter background color for UI elements like status bars. 33 | // 34 | // Markup: 35 | //
36 | // 37 | // Styleguide Nord - Polar Night 38 | @nord1: #3b4252; 39 | 40 | // Lighter shade color of the base component color. 41 | // 42 | // Used as line highlighting in the editor. In the UI scope it may be used as selection- and highlight color. 43 | // 44 | // Markup: 45 | //
46 | // 47 | // Styleguide Nord - Polar Night 48 | @nord2: #434c5e; 49 | 50 | // Lighter shade color of the base component color. 51 | // 52 | // Used for comments, invisibles, indent- and wrap guide marker. In the UI scope used as pseudoclass color for disabled 53 | // elements. 54 | // 55 | // Markup: 56 | //
57 | // 58 | // Styleguide Nord - Polar Night 59 | @nord3: #4c566a; 60 | 61 | // Base component color of "Snow Storm". 62 | // 63 | // Main color for text, variables, constants and attributes. 64 | // In the UI scope used as semi-light background depending on the theme shading design. 65 | // 66 | // Markup: 67 | //
68 | // 69 | // Styleguide Nord - Snow Storm 70 | @nord4: #d8dee9; 71 | 72 | // Lighter shade color of the base component color. 73 | // 74 | // Used as a lighter background color for UI elements like status bars. Used as semi-light background depending on the 75 | // theme shading design. 76 | // 77 | // Markup: 78 | //
79 | // 80 | // Styleguide Nord - Snow Storm 81 | @nord5: #e5e9f0; 82 | 83 | // Lighter shade color of the base component color. 84 | // 85 | // Used for punctuations, carets and structuring characters like curly- and square brackets. In the UI scope used as 86 | // background, selection- and highlight color depending on the theme shading design. 87 | // 88 | // Markup: 89 | //
90 | // 91 | // Styleguide Nord - Snow Storm 92 | @nord6: #eceff4; 93 | 94 | // Bluish core color. 95 | // 96 | // Used for classes, types and documentation tags. 97 | // 98 | // Markup: 99 | //
100 | // 101 | // Styleguide Nord - Frost 102 | @nord7: #8fbcbb; 103 | 104 | // Bluish core color. 105 | // 106 | // Represents the accent color of the color palette. Main color for primary UI elements and methods/functions. 107 | // 108 | // Can be used for 109 | // - Markup quotes 110 | // - Markup link URLs 111 | // 112 | // Markup: 113 | //
114 | // 115 | // Styleguide Nord - Frost 116 | @nord8: #88c0d0; 117 | 118 | // Bluish core color. 119 | // 120 | // Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and 121 | // punctuations like (semi)colons,commas and braces. 122 | // 123 | // Markup: 124 | //
125 | // 126 | // Styleguide Nord - Frost 127 | @nord9: #81a1c1; 128 | 129 | // Bluish core color. 130 | // 131 | // Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). 132 | // 133 | // Markup: 134 | //
135 | // 136 | // Styleguide Nord - Frost 137 | @nord10: #5e81ac; 138 | 139 | // Colorful component color. 140 | // 141 | // Used for errors, git/diff deletion and linter marker. 142 | // 143 | // Markup: 144 | //
145 | // 146 | // Styleguide Nord - Aurora 147 | @nord11: #bf616a; 148 | 149 | // Colorful component color. 150 | // 151 | // Used for annotations. 152 | // 153 | // Markup: 154 | //
155 | // 156 | // Styleguide Nord - Aurora 157 | @nord12: #d08770; 158 | 159 | // Colorful component color. 160 | // 161 | // Used for escape characters, regular expressions and markup entities. In the UI scope used for warnings and git/diff 162 | // renamings. 163 | // 164 | // Markup: 165 | //
166 | // 167 | // Styleguide Nord - Aurora 168 | @nord13: #ebcb8b; 169 | 170 | // Colorful component color. 171 | // 172 | // Main color for strings and attribute values. In the UI scope used for git/diff additions and success visualizations. 173 | // 174 | // Markup: 175 | //
176 | // 177 | // Styleguide Nord - Aurora 178 | @nord14: #a3be8c; 179 | 180 | // Colorful component color. 181 | // 182 | // Used for numbers. 183 | // 184 | // Markup: 185 | //
186 | // 187 | // Styleguide Nord - Aurora 188 | @nord15: #b48ead; 189 | -------------------------------------------------------------------------------- /src/nord.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) 2016-present Sven Greb 2 | // This source code is licensed under the MIT license found in the license file. 3 | 4 | // References: 5 | // 1. https://sass-lang.com 6 | // 2. http://sassdoc.com 7 | 8 | //// 9 | /// An arctic, north-bluish color palette. 10 | /// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax 11 | /// highlighting and UI. 12 | /// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful 13 | /// ambiance. 14 | /// 15 | /// @author Sven Greb 16 | //// 17 | 18 | /// Base component color of "Polar Night". 19 | /// 20 | /// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. 21 | /// 22 | /// @access public 23 | /// @example scss - SCSS 24 | /// /* For dark ambiance themes */ 25 | /// .background { 26 | /// background-color: $nord0; 27 | /// } 28 | /// /* For light ambiance themes */ 29 | /// .text { 30 | /// color: $nord0; 31 | /// } 32 | /// @group polarnight 33 | /// @since 0.1.0 34 | $nord0: #2e3440; 35 | 36 | /// Lighter shade color of the base component color. 37 | /// 38 | /// Used as a lighter background color for UI elements like status bars. 39 | /// 40 | /// @access public 41 | /// @group polarnight 42 | /// @see $nord0 43 | /// @since 0.1.0 44 | $nord1: #3b4252; 45 | 46 | /// Lighter shade color of the base component color. 47 | /// 48 | /// Used as line highlighting in the editor. 49 | /// In the UI scope it may be used as selection- and highlight color. 50 | /// 51 | /// @access public 52 | /// @example scss - SCSS 53 | /// /* Code Syntax Highlighting scope */ 54 | /// .editor { 55 | /// &.line { 56 | /// background-color: $nord2; 57 | /// } 58 | /// } 59 | /// 60 | /// /* UI scope */ 61 | /// button { 62 | /// &:selected { 63 | /// background-color: $nord2; 64 | /// } 65 | /// } 66 | /// @group polarnight 67 | /// @see $nord0 68 | /// @since 0.1.0 69 | $nord2: #434c5e; 70 | 71 | /// Lighter shade color of the base component color. 72 | /// 73 | /// Used for comments, invisibles, indent- and wrap guide marker. 74 | /// In the UI scope used as pseudoclass color for disabled elements. 75 | /// 76 | /// @access public 77 | /// @example scss - SCSS 78 | /// /* Code Syntax Highlighting scope */ 79 | /// .editor { 80 | /// &.indent-guide, 81 | /// &.wrap-guide { 82 | /// &.marker { 83 | /// color: $nord3; 84 | /// } 85 | /// } 86 | /// } 87 | /// .comment, 88 | /// .invisible { 89 | /// color: $nord3; 90 | /// } 91 | /// 92 | /// /* UI scope */ 93 | /// button { 94 | /// &:disabled { 95 | /// background-color: $nord3; 96 | /// } 97 | /// } 98 | /// @group polarnight 99 | /// @see $nord0 100 | /// @since 0.1.0 101 | $nord3: #4c566a; 102 | 103 | /// Base component color of "Snow Storm". 104 | /// 105 | /// Main color for text, variables, constants and attributes. 106 | /// In the UI scope used as semi-light background depending on the theme shading design. 107 | /// 108 | /// @access public 109 | /// @example scss - SCSS 110 | /// /* For light ambiance themes */ 111 | /// .background { 112 | /// background-color: $nord4; 113 | /// } 114 | /// /* For dark ambiance themes */ 115 | /// .text { 116 | /// color: $nord4; 117 | /// } 118 | /// @group snowstorm 119 | /// @since 0.1.0 120 | $nord4: #d8dee9; 121 | 122 | /// Lighter shade color of the base component color. 123 | /// 124 | /// Used as a lighter background color for UI elements like status bars. 125 | /// Used as semi-light background depending on the theme shading design. 126 | /// 127 | /// @access public 128 | /// @group snowstorm 129 | /// @see $nord4 130 | /// @since 0.1.0 131 | $nord5: #e5e9f0; 132 | 133 | /// Lighter shade color of the base component color. 134 | /// 135 | /// Used for punctuations, carets and structuring characters like curly- and square brackets. 136 | /// In the UI scope used as background, selection- and highlight color depending on the theme shading design. 137 | /// 138 | /// @access public 139 | /// @group snowstorm 140 | /// @see $nord4 141 | /// @since 0.1.0 142 | $nord6: #eceff4; 143 | 144 | /// Bluish core color. 145 | /// 146 | /// Used for classes, types and documentation tags. 147 | /// 148 | /// @access public 149 | /// @group frost 150 | /// @since 0.1.0 151 | $nord7: #8fbcbb; 152 | 153 | /// Bluish core accent color. 154 | /// 155 | /// Represents the accent color of the color palette. 156 | /// Main color for primary UI elements and methods/functions. 157 | /// 158 | /// Can be used for 159 | /// - Markup quotes 160 | /// - Markup link URLs 161 | /// 162 | /// @access public 163 | /// @group frost 164 | /// @since 0.1.0 165 | $nord8: #88c0d0; 166 | 167 | /// Bluish core color. 168 | /// 169 | /// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and 170 | /// punctuations like (semi)colons,commas and braces. 171 | /// 172 | /// @access public 173 | /// @group frost 174 | /// @since 0.1.0 175 | $nord9: #81a1c1; 176 | 177 | /// Bluish core color. 178 | /// 179 | /// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). 180 | /// 181 | /// @access public 182 | /// @group frost 183 | /// @since 0.1.0 184 | $nord10: #5e81ac; 185 | 186 | /// Colorful component color. 187 | /// 188 | /// Used for errors, git/diff deletion and linter marker. 189 | /// 190 | /// @access public 191 | /// @group aurora 192 | /// @since 0.1.0 193 | $nord11: #bf616a; 194 | 195 | /// Colorful component color. 196 | /// 197 | /// Used for annotations. 198 | /// 199 | /// @access public 200 | /// @group aurora 201 | /// @since 0.1.0 202 | $nord12: #d08770; 203 | 204 | /// Colorful component color. 205 | /// 206 | /// Used for escape characters, regular expressions and markup entities. 207 | /// In the UI scope used for warnings and git/diff renamings. 208 | /// 209 | /// @access public 210 | /// @group aurora 211 | /// @since 0.1.0 212 | $nord13: #ebcb8b; 213 | 214 | /// Colorful component color. 215 | /// 216 | /// Main color for strings and attribute values. 217 | /// In the UI scope used for git/diff additions and success visualizations. 218 | /// 219 | /// @access public 220 | /// @group aurora 221 | /// @since 0.1.0 222 | $nord14: #a3be8c; 223 | 224 | /// Colorful component color. 225 | /// 226 | /// Used for numbers. 227 | /// 228 | /// @access public 229 | /// @group aurora 230 | /// @since 0.1.0 231 | $nord15: #b48ead; 232 | -------------------------------------------------------------------------------- /src/nord.styl: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016-present Sven Greb 3 | * This source code is licensed under the MIT license found in the license file. 4 | */ 5 | 6 | /* 7 | * References: 8 | * 1. https://stylus-lang.com 9 | * 2. https://warpspire.com/kss 10 | * 3. https://github.com/kss-node/kss-node 11 | */ 12 | 13 | // An arctic, north-bluish color palette. 14 | // Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax 15 | // highlighting and UI. 16 | // It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful 17 | // ambiance. 18 | // 19 | // Styleguide Nord 20 | 21 | // Base component color of "Polar Night". 22 | // 23 | // Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. 24 | // 25 | // Markup: 26 | //
27 | // 28 | // Styleguide Nord - Polar Night 29 | nord0 = #2e3440; 30 | 31 | // Lighter shade color of the base component color. 32 | // 33 | // Used as a lighter background color for UI elements like status bars. 34 | // 35 | // Markup: 36 | //
37 | // 38 | // Styleguide Nord - Polar Night 39 | nord1 = #3b4252; 40 | 41 | // Lighter shade color of the base component color. 42 | // 43 | // Used as line highlighting in the editor. 44 | // In the UI scope it may be used as selection- and highlight color. 45 | // 46 | // Markup: 47 | //
48 | // 49 | // Styleguide Nord - Polar Night 50 | nord2 = #434c5e; 51 | 52 | // Lighter shade color of the base component color. 53 | // 54 | // Used for comments, invisibles, indent- and wrap guide marker. 55 | // In the UI scope used as pseudoclass color for disabled elements. 56 | // 57 | // Markup: 58 | //
59 | // 60 | // Styleguide Nord - Polar Night 61 | nord3 = #4c566a; 62 | 63 | // Base component color of "Snow Storm". 64 | // 65 | // Main color for text, variables, constants and attributes. 66 | // In the UI scope used as semi-light background depending on the theme shading design. 67 | // 68 | // Markup: 69 | //
70 | // 71 | // Styleguide Nord - Snow Storm 72 | nord4 = #d8dee9; 73 | 74 | // Lighter shade color of the base component color. 75 | // 76 | // Used as a lighter background color for UI elements like status bars. 77 | // Used as semi-light background depending on the theme shading design. 78 | // 79 | // Markup: 80 | //
81 | // 82 | // Styleguide Nord - Snow Storm 83 | nord5 = #e5e9f0; 84 | 85 | // Lighter shade color of the base component color. 86 | // 87 | // Used for punctuations, carets and structuring characters like curly- and square brackets. 88 | // In the UI scope used as background, selection- and highlight color depending on the theme shading design. 89 | // 90 | // Markup: 91 | //
92 | // 93 | // Styleguide Nord - Snow Storm 94 | nord6 = #eceff4; 95 | 96 | // Bluish core color. 97 | // 98 | // Used for classes, types and documentation tags. 99 | // 100 | // Markup: 101 | //
102 | // 103 | // Styleguide Nord - Frost 104 | nord7 = #8fbcbb; 105 | 106 | // Bluish core color. 107 | // 108 | // Represents the accent color of the color palette. 109 | // Main color for primary UI elements and methods/functions. 110 | // 111 | // Can be used for 112 | // - Markup quotes 113 | // - Markup link URLs 114 | // 115 | // Markup: 116 | //
117 | // 118 | // Styleguide Nord - Frost 119 | nord8 = #88c0d0; 120 | 121 | // Bluish core color. 122 | // 123 | // Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and 124 | // punctuations like (semi)colons,commas and braces. 125 | // 126 | // Markup: 127 | //
128 | // 129 | // Styleguide Nord - Frost 130 | nord9 = #81a1c1; 131 | 132 | // Bluish core color. 133 | // 134 | // Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). 135 | // 136 | // Markup: 137 | //
138 | // 139 | // Styleguide Nord - Frost 140 | nord10 = #5e81ac; 141 | 142 | // Colorful component color. 143 | // 144 | // Used for errors, git/diff deletion and linter marker. 145 | // 146 | // Markup: 147 | //
148 | // 149 | // Styleguide Nord - Aurora 150 | nord11 = #bf616a; 151 | 152 | // Colorful component color. 153 | // 154 | // Used for annotations. 155 | // 156 | // Markup: 157 | //
158 | // 159 | // Styleguide Nord - Aurora 160 | nord12 = #d08770; 161 | 162 | // Colorful component color. 163 | // 164 | // Used for escape characters, regular expressions and markup entities. 165 | // In the UI scope used for warnings and git/diff renamings. 166 | // 167 | // Markup: 168 | //
169 | // 170 | // Styleguide Nord - Aurora 171 | nord13 = #ebcb8b; 172 | 173 | // Colorful component color. 174 | // 175 | // Main color for strings and attribute values. 176 | // In the UI scope used for git/diff additions and success visualizations. 177 | // 178 | // Markup: 179 | //
180 | // 181 | // Styleguide Nord - Aurora 182 | nord14 = #a3be8c; 183 | 184 | // Colorful component color. 185 | // 186 | // Used for numbers. 187 | // 188 | // Markup: 189 | //
190 | // 191 | // Styleguide Nord - Aurora 192 | nord15 = #b48ead; 193 | -------------------------------------------------------------------------------- /src/swatches/Nord.clr: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nordtheme/nord/1cef71605416a222e57225b544540ce0fcec18d4/src/swatches/Nord.clr -------------------------------------------------------------------------------- /src/swatches/nord.aco: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nordtheme/nord/1cef71605416a222e57225b544540ce0fcec18d4/src/swatches/nord.aco -------------------------------------------------------------------------------- /src/swatches/nord.ase: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nordtheme/nord/1cef71605416a222e57225b544540ce0fcec18d4/src/swatches/nord.ase -------------------------------------------------------------------------------- /src/swatches/nord.gpa: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nordtheme/nord/1cef71605416a222e57225b544540ce0fcec18d4/src/swatches/nord.gpa -------------------------------------------------------------------------------- /src/swatches/nord.gpl: -------------------------------------------------------------------------------- 1 | GIMP Palette 2 | Name: Nord 3 | Columns: 1 4 | # 5 | 46 52 64 nord0 6 | 59 66 82 nord1 7 | 67 76 94 nord2 8 | 76 86 106 nord3 9 | 216 222 233 nord4 10 | 229 233 240 nord5 11 | 236 239 244 nord6 12 | 143 188 187 nord7 13 | 136 192 208 nord8 14 | 129 161 193 nord9 15 | 94 129 172 nord10 16 | 191 97 106 nord11 17 | 208 135 112 nord12 18 | 235 203 139 nord13 19 | 163 190 140 nord14 20 | 180 142 173 nord15 21 | -------------------------------------------------------------------------------- /src/swatches/nord.mtl: -------------------------------------------------------------------------------- 1 | newmtl nord0 2 | Ns 90.000000 3 | Ka 0.000000 0.000000 0.000000 4 | Kd 0.180392 0.203922 0.25098 5 | Ks 0.500000 0.500000 0.500000 6 | 7 | newmtl nord1 8 | Ns 90.000000 9 | Ka 0.000000 0.000000 0.000000 10 | Kd 0.231373 0.258824 0.321569 11 | Ks 0.500000 0.500000 0.500000 12 | 13 | newmtl nord2 14 | Ns 90.000000 15 | Ka 0.000000 0.000000 0.000000 16 | Kd 0.262745 0.298039 0.368627 17 | Ks 0.500000 0.500000 0.500000 18 | 19 | newmtl nord3 20 | Ns 90.000000 21 | Ka 0.000000 0.000000 0.000000 22 | Kd 0.298039 0.337255 0.415686 23 | Ks 0.500000 0.500000 0.500000 24 | 25 | newmtl nord4 26 | Ns 90.000000 27 | Ka 0.000000 0.000000 0.000000 28 | Kd 0.847059 0.870588 0.913725 29 | Ks 0.500000 0.500000 0.500000 30 | 31 | newmtl nord5 32 | Ns 90.000000 33 | Ka 0.000000 0.000000 0.000000 34 | Kd 0.898039 0.913725 0.941176 35 | Ks 0.500000 0.500000 0.500000 36 | 37 | newmtl nord6 38 | Ns 90.000000 39 | Ka 0.000000 0.000000 0.000000 40 | Kd 0.92549 0.937255 0.956863 41 | Ks 0.500000 0.500000 0.500000 42 | 43 | newmtl nord7 44 | Ns 90.000000 45 | Ka 0.000000 0.000000 0.000000 46 | Kd 0.560784 0.737255 0.733333 47 | Ks 0.500000 0.500000 0.500000 48 | 49 | newmtl nord8 50 | Ns 90.000000 51 | Ka 0.000000 0.000000 0.000000 52 | Kd 0.533333 0.752941 0.815686 53 | Ks 0.500000 0.500000 0.500000 54 | 55 | newmtl nord9 56 | Ns 90.000000 57 | Ka 0.000000 0.000000 0.000000 58 | Kd 0.505882 0.631373 0.756863 59 | Ks 0.500000 0.500000 0.500000 60 | 61 | newmtl nord10 62 | Ns 90.000000 63 | Ka 0.000000 0.000000 0.000000 64 | Kd 0.368627 0.505882 0.67451 65 | Ks 0.500000 0.500000 0.500000 66 | 67 | newmtl nord11 68 | Ns 90.000000 69 | Ka 0.000000 0.000000 0.000000 70 | Kd 0.74902 0.380392 0.415686 71 | Ks 0.500000 0.500000 0.500000 72 | 73 | newmtl nord12 74 | Ns 90.000000 75 | Ka 0.000000 0.000000 0.000000 76 | Kd 0.815686 0.529412 0.439216 77 | Ks 0.500000 0.500000 0.500000 78 | 79 | newmtl nord13 80 | Ns 90.000000 81 | Ka 0.000000 0.000000 0.000000 82 | Kd 0.921569 0.796078 0.545098 83 | Ks 0.500000 0.500000 0.500000 84 | 85 | newmtl nord14 86 | Ns 90.000000 87 | Ka 0.000000 0.000000 0.000000 88 | Kd 0.639216 0.745098 0.54902 89 | Ks 0.500000 0.500000 0.500000 90 | 91 | newmtl nord15 92 | Ns 90.000000 93 | Ka 0.000000 0.000000 0.000000 94 | Kd 0.705882 0.556863 0.678431 95 | Ks 0.500000 0.500000 0.500000 96 | 97 | --------------------------------------------------------------------------------