add light theme support
This commit is contained in:
parent
2d5dbd0273
commit
44b67f4166
2 changed files with 23 additions and 8 deletions
3
site/robots.txt
Normal file
3
site/robots.txt
Normal file
|
@ -0,0 +1,3 @@
|
|||
User-agent: *
|
||||
Disallow: /
|
||||
|
|
@ -1,23 +1,35 @@
|
|||
html {
|
||||
color-scheme: dark;
|
||||
color: #fff;
|
||||
font-family: sans-serif;
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
main {
|
||||
width: calc(100% - 82px);
|
||||
max-width: 800px;
|
||||
background-color: #222;
|
||||
margin: auto;
|
||||
padding: 2px 32px 32px;
|
||||
max-width: 800px;
|
||||
width: calc(100% - 82px);
|
||||
border-left: 4px solid #d3f;
|
||||
background-color: #f8eeff;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 1rem;
|
||||
background-color: #eeccee;
|
||||
color: #003;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
color-scheme: dark;
|
||||
color: #fff;
|
||||
background-color: #111;
|
||||
}
|
||||
main {
|
||||
background-color: #222;
|
||||
}
|
||||
code {
|
||||
background-color: #1c1c1c;
|
||||
color: #f90;
|
||||
}
|
||||
}
|
||||
|
||||
video, img { max-width: 100%; }
|
||||
|
|
Loading…
Reference in a new issue