msfjarvis
/
msfjarvis.dev
mirror of https://github.com/msfjarvis/msfjarvis.dev.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Swap sidebar and body color for dark theme 

Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>
This commit is contained in:
Harsh Shandilya 2020-02-14 13:20:28 +05:30
parent 76b4cc4d49
commit f11950a119
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/custom.css
View File

@ -1,4 +1,5 @@
:root {
--sidebar-color: #202020;
--background-color: white;
--text-color: #515151;
--heading-color: #313131;
@ -10,11 +11,12 @@
@media (prefers-color-scheme: dark) {
:root {
--background-color: #121212;
--sidebar-color: #121212;
--background-color: #202020;
--text-color: #f0f0f0;
--heading-color: white;
--tag-background: white;
--tag-text-color: #121212;
--tag-text-color: #202020;
--blockquote-color: #bababa;
--post-time-color: #bababa;
}
@ -26,11 +28,12 @@
}
[data-theme="dark"] {
--background-color: #121212;
--sidebar-color: #121212;
--background-color: #202020;
--text-color: #f0f0f0;
--heading-color: white;
--tag-background: white;
--tag-text-color: #121212;
--tag-text-color: #202020;
--blockquote-color: #bababa;
--post-time-color: #bababa;
}

2
themes/hyde/assets/css/hyde.css
View File

@ -58,7 +58,7 @@ html {
text-align: center;
padding: 2rem 1rem;
color: rgba(255,255,255,.5);
background-color: #202020;
background-color: var(--sidebar-color);
}
@media (min-width: 48em) {
.sidebar {