-
Notifications
You must be signed in to change notification settings - Fork 2
/
custom_template.css
60 lines (55 loc) · 1.37 KB
/
custom_template.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
/* Copy this file to custom.css and edit the styling as you like */
/* === Custom CSS based on: https://github.com/ilyadzh/plain-css */
:root {
--green: #27ae60;
--blue: #3498db;
--yellow: #f7af15;
--red: #e74c3c;
--orange: #fe5722;
--purple: #9b27af;
--gray: #747681;
--black: #333;
--alice: #f4f5f6;
--apple: #bfffbf;
}
/* Global variables. */
:root,
::backdrop {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
--standard-border-radius: 5px;
/* Default (light) theme */
--bg: #fff;
--accent-bg: var(--alice);
--text: #212121;
--text-light: #585858;
--border: #d1d1d1;
--accent: var(--green);
--code: #000;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
:root,
::backdrop {
color-scheme: dark;
--bg: #212121;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--accent: #ffb300;
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;
}
/* Add a bit of transparency so light media isn't so glaring in dark mode */
img,
video {
opacity: 0.8;
}
}