]> git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css
Add dark mode support
[rbdr/r.bdr.sh] / jekyll / css / application.css
1 body {
2 margin: 0;
3 background-color: white;
4 font-family: times, 'Times New Roman', serif;
5 font-smooth: never;
6 -webkit-font-smoothing: none;
7 }
8
9 h1 a, h1 a:visited {
10 color: black;
11 }
12
13 .main-container {
14 margin: 20px 0;
15 }
16
17 h1,
18 h2,
19 h3 {
20 margin-left: 10px;
21 font-weight: 300;
22 }
23
24 h1 {
25 font-size: 3.33em;
26 }
27
28 h2 {
29 font-size: 1.61em;
30 }
31
32 a {
33 color: blue;
34 }
35
36 a:visited {
37 color: purple;
38 }
39
40 ul, p {
41 margin-left: 10px;
42 }
43
44 ul {
45 list-style: square;
46 }
47
48 li {
49 line-height: 1.82em;
50 }
51
52 img,
53 video {
54 max-width: 100vw;
55 }
56
57 /* Dark mode overrides */
58 @media (prefers-color-scheme: dark) {
59 body {
60 background-color: white;
61 color: white;
62 }
63
64 h1 a, h1 a:visited {
65 color: white;
66 }
67
68 a {
69 color: #53FFFF;
70 }
71
72 a:visited {
73 color: #FF55FF;
74 }
75 }