-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.js
105 lines (99 loc) · 1.96 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
"use strict";
const foregroundColorColor = "#f3f4ef";
const backgroundColor = "#22242d";
const red = "#ff1654";
const green = "#06d6a0";
const yellow = "#ffe66d";
const blue = "#00abe7";
const magenta = "#ff60b5";
const cyan = "#7bdff2";
const white = "#f9f9f9";
exports.decorateConfig = config => {
return Object.assign({}, config, {
backgroundColor,
foregroundColorColor,
borderColor: "#211f30",
cursorColor: "#b4b4ba",
cursorAccentColor: backgroundColor,
selectionColor: "rgba(78, 205, 196, 0.4)",
colors: {
black: backgroundColor,
red,
green,
yellow,
blue,
magenta,
cyan,
white,
lightBlack: "#7a7a7a",
lightRed: red,
lightGreen: green,
lightYellow: yellow,
lightBlue: blue,
lightMagenta: magenta,
lightCyan: cyan,
lightWhite: foregroundColorColor
},
css: `
/* Tab Activity */
.tab_hasActivity {
animation: bottomactivity 2s linear infinite;
}
@keyframes bottomactivity {
from,
to {
border-bottom: 1px solid transparent;
}
50% {
border-bottom: 1px solid #FFFA72;
}
}
.tab_hasActivity span.tab_text {
animation: pulse 2s linear infinite;
color: ${colors.yellow};
}
@keyframes pulse {
from,
to {
opacity: 0.4;
}
50% {
opacity: 1;
}
}
/* Custom Tabs */
.tabs_nav {
height: 40px!important;
}
.tabs_list {
max-height: 40px;
}
.tab_tab {
background-color: rgba(0, 0, 0, 0.3)!important;
}
.tab_text {
height: 40px!important;
}
.tab_process {
margin-top: 3px;
}
.tab_icon {
top: 12px!important;
}
.terms_termsShifted {
margin-top: 74px;
}
.tab_tab.tab_active .tab_icon:hover {
background-color: hsla(0, 0%, 0%, 0.7)!important;
}
.tab_tab.tab_active .tab_icon:hover {
background-color: hsla(0, 100%, 50%, 0.7)!important;
}
.tab_tab.tab_active {
background-color: transparent!important;
}
/* Custom CSS */
${config.css}
`
});
};