add dark mode

This commit is contained in:
Tim Schubert 2025-11-09 14:51:20 +01:00
parent 60398d3d72
commit d75353b55e
No known key found for this signature in database

View file

@ -1,8 +1,14 @@
:root {
color-scheme: light dark;
}
body { body {
min-width: 30em; min-width: 30em;
max-width: 60em; max-width: 60em;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color: light-dark(black, white);
background-color: light-dark(white, dark);
} }
nav { nav {
@ -10,7 +16,7 @@ nav {
font-size: 16pt; font-size: 16pt;
a { a {
text-decoration: none; text-decoration: none;
color: black; color: light-dark(black, white);
} }
border-bottom: 2pt solid grey; border-bottom: 2pt solid grey;
} }
@ -24,10 +30,11 @@ footer {
main { main {
padding: 0.5em; padding: 0.5em;
code { code {
background-color: aliceblue; color: light-dark(black, white);
background-color: light-dark(aliceblue, midnightblue);
} }
a:visited { a:visited {
color: darkorange; color: light-dark(darkorange, orange);
} }
a:link { a:link {
color: darkcyan; color: darkcyan;
@ -45,6 +52,8 @@ main {
} }
} }
pre { pre {
color: light-dark(black, white);
background-color: light-dark(aliceblue, midnightblue);
padding-block: 0.5em; padding-block: 0.5em;
border-block: 1pt solid grey; border-block: 1pt solid grey;
font-size: 8pt; font-size: 8pt;
@ -52,9 +61,6 @@ main {
pre code.shell:before { pre code.shell:before {
content: "$ "; content: "$ ";
} }
pre code.shell {
background-color: white;
}
h2, h2,
h3 { h3 {
margin-top: 1.5em; margin-top: 1.5em;