├── README.md
├── index.js
├── package.json
└── preview.png


/README.md:
--------------------------------------------------------------------------------
 1 | # hyper-bloody
 2 | 
 3 | Bloody theme for [hyper](https://hyper.is/).
 4 | 
 5 | <img src="preview.png"/>
 6 | 
 7 | ## How to use
 8 | 
 9 | Add  ` hyper-bloody` to  `plugins` in `~/.hyper.js`.
10 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | // Constants
 2 | const backgroundColor = '#1E1F29';
 3 | const foregroundColor = '#AAAAAA';
 4 | 
 5 | // Colors
 6 | const RED = '#FF512F';
 7 | const GREEN = '#B2FFA9';
 8 | const YELLOW = '#FFFD82';
 9 | const BLUE = '#3185FC';
10 | const MAGENTA = '#DD2476';
11 | const CYAN = '#66D7D1';
12 | const LIGHT_GRAY = '#F2EFEA';
13 | const DARK_GRAY = '#555753';
14 | 
15 | const ACTIVE_TAB = '#ED3A53';
16 | 
17 | // Mapped Colors
18 | const colors = {
19 |   black: backgroundColor,
20 |   red: RED,
21 |   green: GREEN,
22 |   yellow: YELLOW,
23 |   blue: BLUE,
24 |   magenta: MAGENTA,
25 |   cyan: CYAN,
26 |   white: LIGHT_GRAY,
27 |   lightBlack: DARK_GRAY,
28 |   lightRed: RED,
29 |   lightGreen: GREEN,
30 |   lightYellow: YELLOW,
31 |   lightBlue: BLUE,
32 |   lightMagenta: MAGENTA,
33 |   lightCyan: CYAN,
34 |   colorCubes: '#fff',
35 |   grayscale: foregroundColor
36 | };
37 | 
38 | // Additional Constants
39 | const cursorColor = YELLOW;
40 | const borderColor = backgroundColor;
41 | 
42 | exports.decorateConfig = (config) => {
43 |   return Object.assign({}, config, {
44 |     foregroundColor,
45 |     backgroundColor,
46 |     borderColor,
47 |     cursorColor,
48 |     colors,
49 |     css: `
50 |       ${config.css || ''}
51 |       .cursor-node {
52 |         background-color: ${MAGENTA} !important;
53 |         border-color: ${MAGENTA} !important;
54 |       }
55 |       .hyper_main {
56 |         border: none !important;
57 |       }
58 |       .header_header {
59 |         background: ${backgroundColor} !important;
60 |       }
61 |       .splitpane_divider {
62 |         background-color: rgba(130, 128, 184, 0.5) !important;
63 |       }
64 |       .tab_tab {
65 |         border: 0;
66 |       }
67 |       .tab_textActive {
68 |         border-bottom: 2px solid ${ACTIVE_TAB};
69 |       }
70 |     `
71 |   })
72 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "hyper-bloody",
 3 |   "version": "0.0.1",
 4 |   "keywords": [
 5 |     "hyper",
 6 |     "hyperterm",
 7 |     "hyper-bloody",
 8 |     "theme"
 9 |     ],
10 |   "description": "A bloody theme for hyper",
11 |   "repository": "https://github.com/EliverLara/hyper-bloody.git",
12 |   "author": "EliverLara",
13 |   "license": "MIT",
14 |   "dependencies": {}
15 | }
16 | 


--------------------------------------------------------------------------------
/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/EliverLara/hyper-bloody/72c68bb02392158a00bbe5bcfad8730d052894d5/preview.png


--------------------------------------------------------------------------------