add dark mode
This commit is contained in:
parent
60398d3d72
commit
d75353b55e
1 changed files with 12 additions and 6 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue