├── gfx └── preview.png ├── package.json ├── README.md └── index.js /gfx/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PDDStudio/hyper-nord/master/gfx/preview.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hyper-nord", 3 | "version": "1.0.1", 4 | "description": "The Nord Theme for Hyper", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/pddstudio/hyper-nord.git" 12 | }, 13 | "keywords": [ 14 | "hyper", 15 | "hyperterm", 16 | "hyper-nord" 17 | ], 18 | "author": "Patrick J", 19 | "license": "Apache-2.0", 20 | "bugs": { 21 | "url": "https://github.com/pddstudio/hyper-nord/issues" 22 | }, 23 | "homepage": "https://github.com/pddstudio/hyper-nord" 24 | } 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # hyper-nord [![npm](https://img.shields.io/npm/v/hyper-nord.svg?maxAge=86400?style=flat-square)](https://www.npmjs.com/package/hyper-nord) [![npm](https://img.shields.io/npm/dm/hyper-nord.svg?maxAge=86400?style=flat-square)](https://www.npmjs.com/package/hyper-nord) 2 | 3 | > Terminal Theme for [Hyper](https://hyper.is) based on [Nord](https://github.com/arcticicestudio/nord) color schemes. 4 | 5 | ![hyper-nord](https://raw.githubusercontent.com/PDDStudio/hyper-nord/master/gfx/preview.png) 6 | 7 | 8 | ## Install 9 | 10 | Add `hyper-nord` to the plugins array in your `~/.hyper.js` config. 11 | 12 | ## Deprecation Note 13 | 14 | In meanwhile there is an [official Theme](https://github.com/arcticicestudio/nord-hyper) based on 'Nord' colors by Arctic Ice Studio. 15 | This means you can still use this version of the 'Nord' color schemes, but if you want to have an up-to-date version it's recommended to switch over to the official one. 16 | 17 | ##License 18 | Copyright © 2017 Patrick J 19 | Copyright © 2016 Arctic Ice Studio 20 | 21 | Licensed under the Apache License, Version 2.0 (the "License"); 22 | you may not use this file except in compliance with the License. 23 | You may obtain a copy of the License at 24 | 25 | http://www.apache.org/licenses/LICENSE-2.0 26 | 27 | Unless required by applicable law or agreed to in writing, software 28 | distributed under the License is distributed on an "AS IS" BASIS, 29 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 30 | See the License for the specific language governing permissions and 31 | limitations under the License. 32 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | // Syntax scheme 2 | 3 | const nord = { 4 | nord0: '#2E3440', 5 | nord1: '#3B4252', 6 | nord2: '#434C5E', 7 | nord3: '#4C566A', 8 | nord4: '#D8DEE9', 9 | nord5: '#E5E9F0', 10 | nord6: '#ECEFF4', 11 | nord7: '#8FBCBB', 12 | nord8: '#88C0D0', 13 | nord9: '#81A1C1', 14 | nord10: '#5E81AC', 15 | nord11: '#BF616A', 16 | nord12: '#D08770', 17 | nord13: '#EBCB8B', 18 | nord14: '#A3BE8C', 19 | nord15: '#B48EAD' 20 | } 21 | 22 | const backgroundColor = '#2E3440'; 23 | const foregroundColor = '#D8DEE9'; 24 | const cursorColor = '#E5E9F0'; 25 | const borderColor = '#2E3440'; 26 | const colors = { 27 | black : backgroundColor, 28 | red : '#BF616A', 29 | green : '#A3BE8C', 30 | yellow : '#EBCB8B', 31 | blue : '#5E81AC', 32 | magenta : '#B48EAD', 33 | cyan : '#88C0D0', 34 | white : foregroundColor, 35 | lightBlack : '#4C566A', 36 | lightRed : '#BF616A', 37 | lightGreen : '#A3BE8C', 38 | lightYellow : '#D08770', 39 | lightBlue : '#77ABE7', 40 | lightMagenta : '#CAA6EC', 41 | lightCyan : '#8FBCBB', 42 | lightWhite : foregroundColor 43 | }; 44 | 45 | // Config 46 | exports.decorateConfig = config => { 47 | return Object.assign({}, config, { 48 | foregroundColor, 49 | backgroundColor, 50 | borderColor, 51 | colors, 52 | cursorColor: config.cursorColor || cursorColor, 53 | cursorShape: config.cursorShape || 'BEAM', 54 | fontSize: config.fontSize || 12, 55 | fontFamily: config.fontFamily || '"Fira Code"', 56 | termCSS: ` 57 | ${config.termCSS || ''} 58 | ::selection { 59 | background: #9198A2 !important; 60 | } 61 | x-screen x-row { 62 | font-variant-ligatures: initial; 63 | } 64 | .cursor-node[focus=true]:not([hyper-blink-moving]) { 65 | animation: blink 1s ease infinite; 66 | } 67 | @keyframes blink { 68 | 50% { opacity: 0 } 69 | } 70 | span { 71 | font-weight: normal !important; 72 | } 73 | `, 74 | css: ` 75 | ${config.css || ''} 76 | ::selection { 77 | background: #9198A2 !important; 78 | } 79 | ` 80 | }); 81 | }; 82 | --------------------------------------------------------------------------------