Remove forced font color for all elements in dark mode.

1 files changed, 43 insertions, 10 deletions

diff --git a/assets/scss/dark-mode.scss b/assets/scss/dark-mode.scss
index 7b26eb0..7293fd5 100644
--- a/assets/scss/dark-mode.scss
+++ b/assets/scss/dark-mode.scss
@@ -4,7 +4,7 @@ $light-accent: lighten($color-accent, 10%);
 $deep-light-accent: lighten($color-accent, 30%);
 $dark-mode-text: darken(#FFF, 20%);
 
-$dark-mode-back-container-background: #232323;
+$dark-mode-back-container-background: #212121;
 $dark-mode-front-container-background: #282828;
 
 body.night {
@@ -19,13 +19,21 @@ body.night {
   }
 
   blockquote {
-      * {
-          color: $deep-light-accent;
-      }
+    * {
+        color: $deep-light-accent !important;
+    }
   }
 
-  code {
-    color: $dark-mode-text;
+
+  code:not([data-lang]) {
+    color: $deep-light-accent !important;
+  }
+
+  pre {
+    code:not([data-lang]) {
+      background: none !important;
+      color: $dark-mode-text !important;
+    }
   }
 
   a {
@@ -40,13 +48,19 @@ body.night {
       }
   }
 
+  table * {
+    color: $dark-mode-text;
+  }
+
   .side-container {
     $nav-item-hover-background-alpha: 0.02;
     $nav-item-hover-indicator-alpha: 0.6;
     $nav-item-hover-color-darken: 30%;
     $nav-item-active-background-alpha: 0.03;
     $nav-item-active-color-darken: 20%;
-
+    * {
+      color: $dark-mode-text;
+    }
     .nav-head {
       //border-right: 4px solid $color-accent;
       &:hover {
@@ -126,9 +140,6 @@ body.night {
     }
     
   }
-  * {
-    color: $dark-mode-text;
-  }
 
   .single-column-nav-container {
       @media screen and (max-width: $single-column-max-width) {
@@ -186,8 +197,15 @@ body.night {
     }
   }
 
+  #single-column-footer {
+    color: $dark-mode-text;
+  }
+
   .toc{
     background-color: $dark-mode-front-container-background;
+    *{
+      color: $dark-mode-text;
+    }
     a {
       color: $dark-mode-text;
     }
@@ -196,6 +214,21 @@ body.night {
     }
   }
 
+  .post-body p,h1,h2,h3,h4,h5,h6 {
+    color: $dark-mode-text;
+    *{
+      color: $dark-mode-text;
+    }
+  }
+
+  .post-pagination a {
+    color: $deep-light-accent;
+  }
+
+  .material-icons {
+    color: $dark-mode-text;
+  }
+
   .vwrap * {
     color: $dark-mode-text !important;
   }