hyper-serendipity-midnight/index.js at main · covt/hyper-serendipity-midnight · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/*
 * Project: Serendipity Hyper
 */

const serendipityMidnight = {
    coral: "#EE8679",
    salmon: "#F8D2C9",
    fennel: "#5BA2D0",
    mint: "#9CCFD8",
    violet: "#A78BFA",
    sky: "#94B8FF",
    base: "#151726",
    interface: "#1C1E2D",
    overlay: "#232534",
    soft: "#6B6D7C",
    slight: "#8D8F9E",
    text: "#DEE0EF",
    focusLow: "#1F212F",
    focusMedium: "#3E404F",
    focusHigh: "#535568"
  };

  const backgroundColor = serendipityMidnight.base
  const foregroundColor = serendipityMidnight.text
  const cursorColor = serendipityMidnight.soft
  const borderColor = serendipityMidnight.interface

  const colors = {
    black: serendipityMidnight.overlay,
    red: serendipityMidnight.coral,
    green: serendipityMidnight.fennel,
    yellow: serendipityMidnight.violet,
    blue: serendipityMidnight.sky,
    magenta: serendipityMidnight.mint,
    cyan: serendipityMidnight.salmon,
    white: serendipityMidnight.text,
    lightBlack: serendipityMidnight.overlay,
    lightRed: serendipityMidnight.coral,
    lightGreen: serendipityMidnight.fennel,
    lightYellow: serendipityMidnight.violet,
    lightBlue: serendipityMidnight.sky,
    lightMagenta: serendipityMidnight.mint,
    lightCyan: serendipityMidnight.salmon,
    lightWhite: serendipityMidnight.text,
  };

  exports.decorateConfig = config => {

    return Object.assign({}, config, {
      foregroundColor,
      backgroundColor,
      borderColor,
      cursorColor: config.cursorColor || cursorColor,
      colors,
      cursorShape: config.cursorShape || "BEAM",
      fontSize: config.fontSize || 14,
      fontFamily: config.fontFamily || "'iMWritingMonoS Nerd Font', Hack",
      css: `
        ${config.css || ""}
        .header_header {
          background-color: ${backgroundColor} !important;
          top: 0 !important;
          right: 0 !important;
          left: 0 !important;
        }
        .terminal .xterm-selection div {
          background: ${backgroundColor} !important;
        }
        .tab_first {
          margin-left: 0 !important;
          padding: 0 !important;
        }
        .tabs_list,
        .tab_tab {
          border: 0 !important;
        }
        .tab_tab {
          color: ${foregroundColor};
          transition: color 50ms ease, background 50ms ease;
        }
        .tab_tab.tab_active,
        .tab_tab:hover {
          color: ${serendipityMidnight.salmon};
          background-color: ${backgroundColor};
        }
        .splitpane_divider {
          background-color: ${backgroundColor} !important;
        }
        /*+---------------+
         + hyper-statusline Plugin Support +
         +----------------+*/
        .footer_footer {
          background-color: ${serendipityMidnight.interface};
        }
        .footer_footer .item_item {
          color: ${serendipityMidnight.interface};
        }
        .footer_footer .item_icon.icon_dirty {
          background-color: ${serendipityMidnight.interface};
        }
        .footer_footer .item_icon.icon_pull,
        .footer_footer .item_icon.icon_push {
          background-color: ${serendipityMidnight.interface};
        }
      `
    });
  };