Verified Commit 4a2137b0 authored by Adam Matoušek's avatar Adam Matoušek
Browse files

css: Draft of dark mode.

parent 2037e7c2
......@@ -3,6 +3,7 @@ html, body {
margin: 0;
padding: 0;
font-family: serif;
color: black;
background-color: #ddd;
font-size: 12pt;
-webkit-text-size-adjust: none;
......@@ -283,3 +284,54 @@ article .banner img {
border: none;
}
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
html, body {
background-color: #120800;
color: #ddd;
}
a {
color: #d75164;
}
#navbutton {
color: #d75164;
border-color: #d75164;
background-color: #2b2020;
}
#sidebar > header blockquote,
#navigation nav > header {
color: #aaa;
}
#navigation a {
color: #adddc9;
}
#navigation li small {
color: #6e8078;
}
#content > main > article {
background-color: #1e1311;
}
main + footer {
background-color: rgba(20, 20, 20, 0.5);
color: #888;
}
.article-text .readmore a {
border-top-color: #374036;
background-color: transparent;
}
.article-text #readmore {
border-bottom: 0.2em dashed #120800;
}
}
@media (prefers-color-scheme: dark) and (min-width: 36em) {
#content > main > article {
box-shadow: none;
}
}
@media (prefers-color-scheme: dark) and (min-width: 90em) {
.article-text footer a {
color: #adddc9;
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment