WIP: this is a branch that attempts to honor the new dark mode

in OS preferences. I will be using it myself and fix things until
I find out that this is adequate to merge to develop.
This commit is contained in:
Michael Demetriou 2019-06-25 21:56:31 +03:00
parent 3759f16ed3
commit dfa98bcfc8
1 changed files with 55 additions and 0 deletions

View File

@ -2,6 +2,7 @@
@secondary: rgb(114, 191, 133);
@subheaders: #444;
@headerTextColor: black;
@headerTextColorDarkMode: white;
@sansFont: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
@serifFont: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York', 'DejaVu serif', serif;
@monoFont: Hack, consolas, Menlo-Regular, Menlo, Monaco, 'ubuntu mono', monospace, monospace;
@ -10,6 +11,10 @@
@proSelectedCol: #71D571;
@textLinkColor: rgb(0, 0, 238);
:root {
color-scheme: light dark;
}
body {
font-family: @serifFont;
font-size-adjust: 0.5;
@ -1511,3 +1516,53 @@ div.row {
pre.code-block {
overflow-x: auto;
}
@media (prefers-color-scheme: dark) {
body{
color: #eee;
background: #111;
.post-title a:link{
color: #ccc;
}
&#collection{
color: #eee;
pre{
background: #060606;
}
}
h1, header h2 {
a {
color: @headerTextColorDarkMode;
&:hover {
color: #cfcfcf;
}
}
}
#nav#manage ul a, .dropdown-nav ul a, nav#manage ul ul a, nav#manage ul a{
color: #ccc;
}
.dropdown-nav ul ul, .dropdown-nav ul li:hover, nav#manage ul ul, nav#manage ul ul li:hover, nav#manage ul li:hover{
background: #222;
}
#official-writing h2, #official-writing h3, #official-writing h4, #wrapper h2, #wrapper h3, #wrapper h4{
color: #ddd;
}
a {
color: rgb(162, 162, 255);
}
a:visited{
color: rgb(201, 138, 253);
}
}
}