Add dark theme with theme switcher

This commit is contained in:
2020-01-05 18:09:53 -05:00
parent 097e97b24c
commit 67bad2a2f8
9 changed files with 176 additions and 8 deletions

43
css/main_dark.css Normal file
View File

@@ -0,0 +1,43 @@
/* Dark theme */
html {
background-color: #0F0908;
}
html {
filter: invert(90%);
}
img:not(.icon), video, div.video-container {
filter: invert(100%);
}
img:not(.icon) {
opacity: .75;
transition: opacity .5s ease-in-out;
}
img:hover:not(.icon) {
opacity: 1;
}
a:not(.card), a:hover:not(.card) {
filter: invert(100%);
}
a:not(.card) img:not(.icon) {
filter: none;
}
.post pre {
background-color: #fff;
}
.post code {
background-color: #fff;
}
.post a code {
background-color: #222;
border: 1px solid #333;
}