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 {
|
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;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue