custom.css
... ...
@@ -1,12 +1,100 @@
1
-@import "pygmentize-vim.css";
1
+/* Dracula Colour Scheme Colours */
2
+
3
+:root {
4
+ --background: #282a36;
5
+ --current: #44475a;
6
+ --foreground: #f8f8f2;
7
+ --comment: #6272a4;
8
+ --cyan: #8be9fd;
9
+ --green: #50fa7b;
10
+ --orange: #ffb86c;
11
+ --pink: #ff79c6;
12
+ --purple: #bd93f9;
13
+ --red: #ff5555;
14
+ --yellow: #f1fa8c;
15
+}
16
+
17
+/* Colours for Syntax Highlighting */
18
+
19
+.hll, .highlight .hll { background-color: var(--background) } /* Background */
20
+.c, .highlight .c { color: var(--comment) } /* Comment */
21
+.err, .highlight .err { color: var(--foreground); border: 1px solid var(--red) } /* Error */
22
+.esc, .highlight .esc { color: var(--foreground) } /* Escape */
23
+.g, .highlight .g { color: var(--foreground) } /* Generic */
24
+.k, .highlight .k { color: var(--cyan) } /* Keyword */
25
+.l, .highlight .l { color: var(--foreground) } /* Literal */
26
+.n, .highlight .n { color: var(--foreground) } /* Name */
27
+.o, .highlight .o { color: var(--pink) } /* Operator */
28
+.x, .highlight .x { color: var(--foreground) } /* Other */
29
+.p, .highlight .p { color: var(--foreground) } /* Punctuation */
30
+.ch, .highlight .ch { color: var(--comment) } /* Comment.Hashbang */
31
+.cm, .highlight .cm { color: var(--comment) } /* Comment.Multiline */
32
+.cp, .highlight .cp { color: var(--comment) } /* Comment.Preproc */
33
+.cpf, .highlight .cpf { color: var(--comment) } /* Comment.PreprocFile */
34
+.c1, .highlight .c1 { color: var(--comment) } /* Comment.Single */
35
+.cs, .highlight .cs { color: var(--red); font-weight: bold } /* Comment.Special */
36
+.gd, .highlight .gd { color: var(--red) } /* Generic.Deleted */
37
+.ge, .highlight .ge { color: var(--foreground); font-style: italic } /* Generic.Emph */
38
+.gr, .highlight .gr { color: var(--red) } /* Generic.Error */
39
+.gh, .highlight .gh { color: var(--comment); font-weight: bold } /* Generic.Heading */
40
+.gi, .highlight .gi { color: var(--green) } /* Generic.Inserted */
41
+.go, .highlight .go { color: var(--comment) } /* Generic.Output */
42
+.gp, .highlight .gp { color: var(--comment); font-weight: bold } /* Generic.Prompt */
43
+.gs, .highlight .gs { color: var(--foreground); font-weight: bold } /* Generic.Strong */
44
+.gu, .highlight .gu { color: var(--purple); font-weight: bold } /* Generic.Subheading */
45
+.gt, .highlight .gt { color: var(--red) } /* Generic.Traceback */
46
+.kc, .highlight .kc { color: var(--cyan) } /* Keyword.Constant */
47
+.kd, .highlight .kd { color: var(--green) } /* Keyword.Declaration */
48
+.kn, .highlight .kn { color: var(--pink) } /* Keyword.Namespace */
49
+.kp, .highlight .kp { color: var(--green) } /* Keyword.Pseudo */
50
+.kr, .highlight .kr { color: var(--green) } /* Keyword.Reserved */
51
+.kt, .highlight .kt { color: var(--green) } /* Keyword.Type */
52
+.ld, .highlight .ld { color: var(--foreground) } /* Literal.Date */
53
+.m, .highlight .m { color: var(--cyan) } /* Literal.Number */
54
+.s, .highlight .s { color: var(--yellow) } /* Literal.String */
55
+.na, .highlight .na { color: var(--foreground) } /* Name.Attribute */
56
+.nb, .highlight .nb { color: var(--cyan) } /* Name.Builtin */
57
+.nc, .highlight .nc { color: var(--purple) } /* Name.Class */
58
+.no, .highlight .no { color: var(--foreground) } /* Name.Constant */
59
+.nd, .highlight .nd { color: var(--foreground) } /* Name.Decorator */
60
+.ni, .highlight .ni { color: var(--foreground) } /* Name.Entity */
61
+.ne, .highlight .ne { color: var(--yellow); font-weight: bold } /* Name.Exception */
62
+.nf, .highlight .nf { color: var(--foreground) } /* Name.Function */
63
+.nl, .highlight .nl { color: var(--foreground) } /* Name.Label */
64
+.nn, .highlight .nn { color: var(--foreground) } /* Name.Namespace */
65
+.nx, .highlight .nx { color: var(--foreground) } /* Name.Other */
66
+.py, .highlight .py { color: var(--foreground) } /* Name.Property */
67
+.nt, .highlight .nt { color: var(--foreground) } /* Name.Tag */
68
+.nv, .highlight .nv { color: var(--purple) } /* Name.Variable */
69
+.ow, .highlight .ow { color: var(--green) } /* Operator.Word */
70
+.w, .highlight .w { color: var(--foreground) } /* Text.Whitespace */
71
+.mb, .highlight .mb { color: var(--purple) } /* Literal.Number.Bin */
72
+.mf, .highlight .mf { color: var(--purple) } /* Literal.Number.Float */
73
+.mh, .highlight .mh { color: var(--purple) } /* Literal.Number.Hex */
74
+.mi, .highlight .mi { color: var(--purple) } /* Literal.Number.Integer */
75
+.mo, .highlight .mo { color: var(--purple) } /* Literal.Number.Oct */
76
+.sa, .highlight .sa { color: var(--yellow) } /* Literal.String.Affix */
77
+.sb, .highlight .sb { color: var(--yellow) } /* Literal.String.Backtick */
78
+.sc, .highlight .sc { color: var(--yellow) } /* Literal.String.Char */
79
+.dl, .highlight .dl { color: var(--yellow) } /* Literal.String.Delimiter */
80
+.sd, .highlight .sd { color: var(--yellow) } /* Literal.String.Doc */
81
+.s2, .highlight .s2 { color: var(--yellow) } /* Literal.String.Double */
82
+.se, .highlight .se { color: var(--yellow) } /* Literal.String.Escape */
83
+.sh, .highlight .sh { color: var(--yellow) } /* Literal.String.Heredoc */
84
+.si, .highlight .si { color: var(--yellow) } /* Literal.String.Interpol */
85
+.sx, .highlight .sx { color: var(--yellow) } /* Literal.String.Other */
86
+.sr, .highlight .sr { color: var(--yellow) } /* Literal.String.Regex */
87
+.s1, .highlight .s1 { color: var(--yellow) } /* Literal.String.Single */
88
+.ss, .highlight .ss { color: var(--yellow) } /* Literal.String.Symbol */
89
+.bp, .highlight .bp { color: var(--cyan) } /* Name.Builtin.Pseudo */
90
+.fm, .highlight .fm { color: var(--foreground) } /* Name.Function.Magic */
91
+.vc, .highlight .vc { color: var(--purple) } /* Name.Variable.Class */
92
+.vg, .highlight .vg { color: var(--purple) } /* Name.Variable.Global */
93
+.vi, .highlight .vi { color: var(--purple) } /* Name.Variable.Instance */
94
+.vm, .highlight .vm { color: var(--purple) } /* Name.Variable.Magic */
95
+.il, .highlight .il { color: var(--cyan) } /* Literal.Number.Integer.Long */
2 96
3 97
body, html,
4
-.markdown-body h1,
5
-.markdown-body h2,
6
-.markdown-body h3,
7
-.markdown-body h4,
8
-.markdown-body h5,
9
-.markdown-body h6,
10 98
.history h1 strong,
11 99
.edit h1 strong,
12 100
.results h1 strong,
... ...
@@ -14,42 +102,229 @@ body, html,
14 102
.highlight,
15 103
#gollum-editor textarea,
16 104
#wiki-history table tr td.author a {
17
- color: white;
18
- background-color: black;
105
+ background-color: var(--background);
106
+ color: var(--foreground);
107
+}
108
+
109
+.markdown-body h1,
110
+.markdown-body h2,
111
+.markdown-body h3,
112
+.markdown-body h4,
113
+.markdown-body h5,
114
+.markdown-body h6 {
115
+ color: var(--purple);
116
+}
117
+
118
+.tableblock {
119
+ background-color: var(--current);
120
+}
121
+
122
+.header-title {
123
+ color: var(--foreground)
19 124
}
20 125
21 126
.markdown-body pre {
22
- background-color: #202020;
127
+ background-color: var(--current);
23 128
}
24 129
25
-.minibutton a,
26
-#search-submit,
27
-#gollum-editor #gollum-editor-function-bar a.function-button,
28
-#gollum-editor input#gollum-editor-submit,
29
-#gollum-editor #gollum-editor-preview {
30
- background-color: #4b4b4b;
31
- border-color: #9e9e9e;
32
- color: #fbfbfb;
130
+.Box,
131
+.Box-header,
132
+.Box-row {
133
+ background-color: var(--background);
134
+}
135
+
136
+/* Highlight of search results */
137
+.bg-green-light {
138
+ background-color: var(--purple) !important;
139
+ ;
140
+}
141
+
142
+.Box-row:hover {
143
+ background-color: var(--current);
144
+}
33 145
34
- text-shadow: 0 1px 0 black;
146
+/* Regular buttons */
147
+.btn {
148
+ background-color: var(--current);
149
+ color: var(--foreground);
150
+ border-color: var(--purple);
151
+}
152
+.btn:hover {
153
+ background-color: var(--background);
154
+ color: var(--foreground);
155
+ border-color: var(--purple);
156
+}
157
+
158
+/* Button with symbols */
159
+.btn.btn-outline {
160
+ background-color: var(--current);
161
+ color: var(--foreground);
162
+ border-color: var(--purple);
163
+}
164
+.btn.btn-outline:hover {
165
+ background-color: var(--background);
166
+}
35 167
36
- filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#707070', endColorstr='#575757');
37
- background: -webkit-gradient(linear, left top, left bottom, from(#707070, to(#575757)));
38
- background: -moz-linear-gradient(top, #707070, #575757);
168
+/* Buttons with hash in file history */
169
+.btn.btn-outline.text-mono {
170
+ background-color: var(--current);
171
+ color: var(--foreground);
172
+ border-color: var(--purple);
173
+ height: 32px;
174
+ line-height: 24px;
175
+}
176
+.btn.btn-outline.text-mono:hover {
177
+ background-color: var(--background);
178
+}
179
+
180
+
181
+.btn.primary {
182
+ background-color: var(--current);
183
+ color: var(--foreground);
184
+ border-color: var(--purple);
185
+}
186
+
187
+/* Buttons in header and footer */
188
+.btn.btn-sm {
189
+ background-color: var(--current);
190
+ color: var(--foreground);
191
+ border-color: var(--purple);
192
+ height: 32px;
193
+ line-height: 24px;
194
+}
195
+.btn.btn-sm:hover {
196
+ background-color: var(--background);
197
+}
198
+.btn.BtnGroup-item.btn-sm {
199
+ background-color: var(--current);
200
+ color: var(--foreground);
201
+ border-color: var(--purple);
202
+}
203
+.btn.BtnGroup-item.btn-sm:hover {
204
+ background-color: var(--background);
205
+}
206
+
207
+/* Center trash button */
208
+.btn.btn-sm.float-right.delete-file {
209
+ height: 32px;
210
+ margin-top: -7px;
211
+}
212
+
213
+.form-control {
214
+ height: 32px;
215
+ font-size: 12px;
216
+}
217
+
218
+/* Links to previous and next page */
219
+#prev.previous_page,
220
+#next.next_page {
221
+ color: var(--pink);
222
+}
223
+#prev.previous_page.disabled,
224
+#next.next_page.disabled {
225
+ color: var(--comment);
226
+}
227
+
228
+/* Tab bar in edit mode */
229
+.tabnav {
230
+ border-color: var(--purple);
231
+ border-radius: 6px 6px 0 0;
232
+}
233
+
234
+/* Inactive tab */
235
+.tabnav-tab {
236
+ background-color: var(--comment);
237
+ border-color: var(--purple);
238
+ border-radius: 6px 6px 0 0;
239
+ color: var(--foreground) !important;
240
+}
241
+
242
+/* Active tab */
243
+.tabnav-tab.selected, .tabnav-tab[aria-selected="true"], .tabnav-tab[aria-current]:not([aria-current="false"]) {
244
+ background-color: var(--background);
245
+ border-color: var(--purple);
246
+ border-radius: 6px 6px 0 0;
247
+ color: var(--foreground);
248
+}
249
+
250
+/* All SVG symbols */
251
+.octicon.octicon-trash,
252
+.octicon.octicon-bold,
253
+.octicon.octicon-italic,
254
+.octicon.octicon-code,
255
+.octicon.octicon-list-unordered,
256
+.octicon.octicon-list-ordered,
257
+.octicon.octicon-quote,
258
+.octicon.octicon-horizontal-rule,
259
+.octicon.octicon-link,
260
+.octicon.octicon-image,
261
+.octicon.octicon-arrow-both,
262
+.octicon.octicon-question {
263
+ color: var(--foreground);
264
+}
265
+
266
+#gollum-dialog-dialog-inner {
267
+ background-color: var(--background);
268
+}
269
+
270
+#gollum-dialog-dialog-body,
271
+#gollum-dialog-dialog-title h4 {
272
+ color: var(--foreground);
273
+}
274
+
275
+/* Buttons on "Create New Page" dialog */
276
+#gollum-dialog-action-ok,
277
+#gollum-dialog-action-cancel {
278
+ background-color: var(--current);
279
+ border-color: var(--purple);
280
+ text-align: center;
281
+ line-height: initial;
282
+}
283
+
284
+#gollum-dialog-dialog-body fieldset .field label {
285
+ color: var(--foreground);
286
+}
287
+
288
+#gollum-dialog-dialog-body fieldset .field span.context {
289
+ color: var(--comment);
290
+}
291
+
292
+#gollum-editor-help {
293
+ border-color: var(--purple);
294
+ border-radius: 6px 6px 0 0;
295
+}
296
+
297
+#gollum-editor-help-content p {
298
+ color: var(--background);
299
+}
300
+
301
+#gollum-autorecover-msg {
302
+ background-color: var(--purple);
303
+}
304
+
305
+#edit-content,
306
+#gollum-editor,
307
+#gollum-editor-form,
308
+#gollum-editor-function-bar,
309
+#gollum-editor-format-selector,
310
+#gollum-editor-fields {
311
+ background-color: var(--background);
312
+ border-color: var(--purple);
313
+ border: none !important;
39 314
}
40 315
41 316
#gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector select {
42
- background-color: #4b4b4b;
43
- border-color: #9e9e9e;
44
- color: #fbfbfb;
317
+ background-color: var(--current);
318
+ border-color: var(--purple);
319
+ color: var(--foreground);
45 320
}
46 321
47 322
#head #searchbar #searchbar-fauxtext input#search-query,
48 323
#gollum-editor .singleline input,
49 324
#head #searchbar #searchbar-fauxtext {
50
- background: black;
51
- border-color: #9e9e9e;
52
- color: white;
325
+ background: var(--current);
326
+ border-color: var(--purple);
327
+ color: var(--pink);
53 328
}
54 329
55 330
#head #searchbar #searchbar-fauxtext input#search-query.ph,
... ...
@@ -58,7 +333,11 @@ body, html,
58 333
#footer p#last-edit,
59 334
#gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector label,
60 335
.history h1 {
61
- color: #d7d7d7;
336
+ color: var(--foreground);
337
+}
338
+
339
+#gollum-editor-function-buttons {
340
+ padding-top: 0.2em !important;
62 341
}
63 342
64 343
#head #searchbar #searchbar-fauxtext #search-submit span {
... ...
@@ -72,31 +351,33 @@ body, html,
72 351
73 352
.markdown-body code,
74 353
.markdown-body tt {
75
- border: 1px solid #909090;
76
- background-color: #202020;
354
+ border: 1px solid var(--purple);
355
+ background-color: var(--background);
77 356
}
78 357
79 358
#wiki-history table tr {
80
- /*background-color: #ebf2f6;*/
81
- /*background-color: #725e4f;*/
82
- background-color: #5f6362;
359
+ background-color: var(--background);
83 360
}
84 361
85 362
#wiki-history table tr:nth-child(2n),
86 363
#wiki-history table tr.alt-row {
87
- /*background-color: #f3f7fa;*/
88
- /*background-color: #5b4b3b;*/
89
- background-color: #4b4c4d;
364
+ background-color: var(--background);
90 365
}
91 366
92 367
#wiki-history table tr.selected {
93
- background-color: #000075 !important;
368
+ background-color: var(--cyan) !important;
94 369
}
95 370
371
+/* Don't change colour when hovering over link or when already visited */
96 372
a:link,
97 373
a:hover,
98 374
a:visited {
99
- color: #68caff;
375
+ color: var(--pink);
376
+}
377
+
378
+/* Absent links */
379
+.markdown-body a.absent {
380
+ color: var(--pink) !important;
100 381
}
101 382
102 383
.highlight .err,
... ...
@@ -105,23 +386,23 @@ a:visited {
105 386
.highlight .gi,
106 387
.highlight .gi .x,
107 388
.highlight .gc {
108
- background-color: black;
389
+ background-color: var(--background);
109 390
}
110 391
111 392
.compare .data td.line_numbers {
112
- background: #4b4b4b;
113
- border-color: #d7d7d7;
114
- color: #d7d7d7;
393
+ background: var(--current);
394
+ border-color: var(--foreground);
395
+ color: var(--foreground);
115 396
}
116 397
117 398
.compare .data {
118
- border-color: #909090;
399
+ border-color: var(--purple);
119 400
}
120 401
121 402
@media all and (min-width: 940px) {
122 403
#gollum-editor {
123
- border: 1px solid #828282;
124
- background: #414141;
404
+ border: 1px solid var(--purple);
405
+ background: var(--background);
125 406
}
126 407
}
127 408
... ...
@@ -159,9 +440,10 @@ a:visited {
159 440
160 441
/* Don't let pygmentize's definitions mess up MathJax */
161 442
.MathJax * {
162
- color: white !important;
443
+ color: var(--foreground) !important;
163 444
}
164 445
446
+
165 447
.pitch-L {
166 448
border-bottom: 1px solid black;
167 449
}