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