Bare minimum CSS
I’ve thrown together this simple stylesheet that’s essentially just an improved version of the default styles.
@media (prefers-color-scheme: dark) {
:root {
--background: #444;
--foreground: #eee;
}
}
@media (prefers-color-scheme: light) {
:root {
--background: #eee;
--foreground: #444;
}
}
body {
font-family: sans-serif;
margin: 40px auto;
max-width: 650px;
line-height: 1.6;
font-size: 18px;
color: var(--foreground);
background-color: var(--background);
padding: 0 10px;
}
h1, h2, h3 {
line-height: 1.2;
}
a {
color: var(--foreground);
decoration: underline;
}