add basic dark mode

xvxx · Nov 19, 2020 · c128feb · c128feb
1 parent 160fd2d
commit c128feb
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -6,6 +6,43 @@
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 }
 
+/* dark mode */
+
+@media (prefers-color-scheme: dark) {
+  * {
+    background-color: #181a1b;
+    color: #cecac3;
+  }
+  .markdown-body a {
+    color: rgb(76, 172, 252);
+  }
+  .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5 {
+    border-bottom-color: rgb(53, 58, 60);
+  }
+  .markdown-body hr {
+    background-color: rgb(53, 58, 60);
+  }
+  .markdown-body .highlight pre:not(.CodeMirror-line), .markdown-body pre:not(.CodeMirror-line) {
+    background-color: rgb(28, 30, 31);
+  }
+  .CodeMirror {
+    background-color: transparent;
+  }
+  .editor-toolbar a {
+    border-color: transparent;
+    text-decoration-color: initial !important;
+    color: rgb(174, 194, 211) !important;
+  }
+  .editor-toolbar, .CodeMirror {
+    border-color: rgb(59, 64, 66);
+  }
+  .editor-toolbar i.separator {
+    border-left-color: rgb(59, 64, 66);
+    border-right-color: rgb(48, 52, 54);
+    color: transparent;
+  }
+}
+
 /* content  */
 
 a.new {

diff --git a/wiki/TODO.md b/wiki/TODO.md
@@ -2,7 +2,7 @@
 
 - [ ] redo css
     - [ ] mobile view
-    - [ ] dark mode
+    - [x] dark mode
 - [ ] sidebar with all pages
     - [ ] sidebar with current page TOC
     - [ ] hide/show sidebar