forked from drkostas/drkostas.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththemes.css
161 lines (156 loc) · 4.06 KB
/
themes.css
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
/* Dracula */
:root {
--main-bg: #282a36;
--bg-text: #353848;
--text-color: #efefef;
--accent-color: #bd93f9;
--titlebar-bg: #1e1f29;
--sidebar-bg: #343746;
--sidebar-hover-bg: #3c3d51;
--explorer-bg: #21222c;
--explorer-hover-bg: #313241;
--explorer-border: #161a1d;
--tabs-bg: #191a21;
--tab-bg: #21222c;
--transparent-bg: rgba(33,34,44, 0.2);
--tab-active-bg: #282a36;
--tab-border: #191a21;
--bottombar-bg: #191a21;
--bottombar-border: #191a21;
--button-bg: #44475a;
--button-text: #f8f8f2;
--bottombar-hover-bg: #4f4f52;
--scrollbar-track-bg: #282a36;
--scrollbar-thumb-bg: #454647;
--article-bg: #21222c;
}
/* GitHub Dark */
[data-theme='github-dark'] {
--main-bg: #24292e;
--bg-text: rgba(62, 65, 68, 0.35);
--text-color: #efefef;
--accent-color: #f9826c;
--titlebar-bg: #1f2428;
--sidebar-bg: #24292e;
--sidebar-hover-bg: #1f2428;
--explorer-bg: #1f2428;
--explorer-hover-bg: #24292e;
--explorer-border: #161a1d;
--tabs-bg: #1f2428;
--transparent-bg: rgba(31, 36, 40, 0.2);
--tab-bg: #1f2428;
--tab-active-bg: #24292e;
--tab-border: #24292e;
--bottombar-bg: #24292e;
--bottombar-border: #1b1f23;
--button-bg: #176f2c;
--button-text: #dcffe4;
--bottombar-hover-bg: #4f4f52;
--scrollbar-track-bg: #24292e;
--scrollbar-thumb-bg: #333536;
--article-bg: #1f2428;
}
/* Ayu Dark */
[data-theme='ayu-dark'] {
--main-bg: #0a0e14;
--bg-text: #161e2c;
--text-color: #efefef;
--accent-color: #e6b450;
--titlebar-bg: #1f2428;
--sidebar-bg: #0a0e14;
--sidebar-hover-bg: #00010a;
--explorer-bg: #0a0e14;
--explorer-hover-bg: #00010a;
--explorer-border: transparent;
--tabs-bg: #0a0e14;
--tab-bg: #0a0e14;
--transparent-bg: rgba(10, 14, 20, 0.2);
--tab-active-bg: #0a0e14;
--tab-border: transparent;
--bottombar-bg: #0a0e14;
--bottombar-border: transparent;
--button-bg: #e6b450;
--button-text: #0a0e14;
--bottombar-hover-bg: #4f4f52;
--scrollbar-track-bg: #0a0e14;
--scrollbar-thumb-bg: #454647;
--article-bg: #10121a;
}
/* Ayu Mirage */
[data-theme='ayu-mirage'] {
--main-bg: #1f2430;
--bg-text: #2c303a;
--text-color: #efefef;
--accent-color: #e6b450;
--titlebar-bg: #1f2428;
--sidebar-bg: #1f2430;
--sidebar-hover-bg: #191e2a;
--explorer-bg: #1f2430;
--explorer-hover-bg: #191e2a;
--explorer-border: transparent;
--tabs-bg: #1f2430;
--tab-bg: #1f2430;
--transparent-bg: rgba(31, 36, 48, 0.2);
--tab-active-bg: #1f2430;
--tab-border: transparent;
--bottombar-bg: #1f2430;
--bottombar-border: transparent;
--button-bg: #e6b450;
--button-text: #1f2430;
--bottombar-hover-bg: #4f4f52;
--scrollbar-track-bg: #1f2430;
--scrollbar-thumb-bg: #454647;
--article-bg: #252e3d;
}
/* Nord */
[data-theme='nord'] {
--main-bg: #2e3440;
--bg-text: #3b414d;
--text-color: #efefef;
--accent-color: #88c0d0;
--titlebar-bg: #1f2428;
--sidebar-bg: #2e3440;
--sidebar-hover-bg: #434c5e;
--explorer-bg: #2e3440;
--explorer-hover-bg: #434c5e;
--explorer-border: rgba(136, 192, 208, 0.2);
--tabs-bg: #2e3440;
--tab-bg: #2e3440;
--transparent-bg: rgba(46, 52, 64, 0.2);
--tab-active-bg: #3b4252;
--tab-border: transparent;
--bottombar-bg: #3b4252;
--bottombar-border: transparent;
--button-bg: #434c5e;
--button-text: #d8dee9;
--bottombar-hover-bg: #4f4f52;
--scrollbar-track-bg: #2e3440;
--scrollbar-thumb-bg: #454647;
--article-bg: #363f50;
}
/* Night Owl */
[data-theme='night-owl'] {
--main-bg: #011627;
--bg-text: #03233f;
--text-color: #89a4bb;
--accent-color: rgb(95, 126, 151);
--titlebar-bg: #011627;
--sidebar-bg: #011627;
--sidebar-hover-bg: #0e293f;
--explorer-bg: #011627;
--explorer-hover-bg: #0e293f;
--explorer-border: transparent;
--tabs-bg: #011627;
--tab-bg: #01111d;
--transparent-bg: rgba(1, 17, 29, 0.2);
--tab-active-bg: #0b2942;
--tab-border: rgb(39, 43, 59);
--bottombar-bg: #011627;
--bottombar-border: #262a39;
--button-bg: rgb(95, 126, 151);
--button-text: #fff;
--bottombar-hover-bg: #1b222f;
--scrollbar-track-bg: #011627;
--scrollbar-thumb-bg: #043254;
--article-bg: #031d33;
}