-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
89 lines (87 loc) · 1.99 KB
/
index.js
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
'use strict';
const foregroundColor = '#CACACA';
const backgroundColor = '#27212e';
const selectionColor = 'rgba(235, 100, 186, 0.15)';
const hotPink = '#EB64B9';
const lightWhite = '#FFFFFF';
const lightBlack = 'rgba(255, 255, 255, 0.2)';
const white = '#F3EFE0';
const black = '#000000';
const red = '#db6eb6';
const green = '#74dfc4';
const yellow = '#ffe261';
const blue = '#40b4c4';
const magenta = '#b381c5';
const cyan = '#b4dce7';
const darkBlue = '#242029';
exports.decorateConfig = config => {
return Object.assign({}, config, {
backgroundColor,
foregroundColor,
selectionColor,
borderColor: darkBlue,
cursorColor: hotPink,
colors: {
black,
red,
green,
yellow,
blue,
magenta,
cyan,
white: lightWhite,
lightBlack,
lightRed: red,
lightGreen: green,
lightYellow: yellow,
lightBlue: blue,
lightMagenta: magenta,
lightCyan: cyan,
lightWhite: white
},
css: `
${config.css}
.hyper_main {
border: none !important;
}
.header_header {
color: ${foregroundColor};
}
.header_windowHeaderWithBorder {
border-color: none !important;
}
.tabs_borderShim {
border-color: transparent !important;
}
.tab_tab {
border: 0;
}
.tab_tab.tab_active {
background: ${backgroundColor};
color: ${white};
transition: all 140ms ease;
border-bottom: 1px solid ${hotPink} !important;
}
.tab_tab:not(.tab_active) {
background: ${darkBlue};
color: ${lightBlack};
}
.tab_tab:not(.tab_active):hover {
background: ${darkBlue};
color: ${white};
transition: background 140ms ease;
}
.tab_icon {
width: 15px;
height: 15px;
}
.tab_shape {
width: 7px;
height: 7px;
}
.splitpane_divider {
background-color: ${darkBlue} !important;
}
`
});
};