feat: dark mode v1

1 files changed, 18 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index 5e4f35c..944ba39 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,14 +1,14 @@
 :root {
-    --menu-bg: #fff;
     --site-bg: #fff;
+    --menu-bg: var(--menu-bg)
     --text-color: #000;
-    --link-color: #000;
+    --link-color: var(--text-color);
     
     --article-bg: ##fcfcfc;
     --article-border-color: #f3f1f1;
     --article-shadow-color: rgba(0,0,0,0.42);
     
-    --h2-color: #000000;
+    --h2-color: var(--text-color);
     
     --blockquote-border-color:  #d2d2d2;
     --blockquote-color: ##666666;
@@ -18,6 +18,16 @@
 
 @media (prefers-color-scheme: dark) {
     :root  {
+        --site-bg: #000;
+        --text-color: #abb1b1;
+
+        --article-bg: #141818;
+
+        --article-border-color: var(--article-bg);
+        --article-shadow-color: var(--site-bg);
+
+        --pre-bg: #1b2121;
+
     }
 }
 /* ----------- Entire site */
@@ -27,6 +37,7 @@ body {
     margin: 0;
     font-size: 1.2cem;
     background-color: var(--site-bg);
+    color: var(--text-color);
 }
 .the-site {
     display: flex;
@@ -207,6 +218,10 @@ pre {
     background-color: var(--pre-bg);
     word-break: keep-all;
 }
+pre code {
+    max-width: 100%;
+    word-break: break-all;x
+}
 
 /* ----------- Articles images */
 article figure {