Complete dark mode.

2 files changed, 6 insertions, 15 deletions

diff --git a/assets/scss/dark-mode.scss b/assets/scss/dark-mode.scss
index 44ddf8c..f46da00 100644
--- a/assets/scss/dark-mode.scss
+++ b/assets/scss/dark-mode.scss
@@ -4,8 +4,8 @@ $light-accent: lighten($color-accent, 10%);
 $deep-light-accent: lighten($color-accent, 30%);
 $dark-mode-text: darken(#FFF, 20%);
 
-$dark-mode-back-container-background: #151515;
-$dark-mode-front-container-background: #252525;
+$dark-mode-back-container-background: #232323;
+$dark-mode-front-container-background: #282828;
 
 body.night {
   background: $dark-mode-back-container-background;
@@ -25,7 +25,7 @@ body.night {
   }
 
   code {
-    color: $deep-light-accent;
+    color: $dark-mode-text;
   }
 
   a {
@@ -65,7 +65,7 @@ body.night {
     .nav-link-list {
       $nav-item-hover-indicator-alpha: 0.6;
       $nav-item-hover-color-lighten: 30%;
-      $nav-item-active-background-alpha: 0.03;
+      $nav-item-active-background-alpha: 0.1;
       $nav-item-active-color-lighten: 20%;
       flex-grow: 1;
       .nav-link-item {
@@ -78,6 +78,7 @@ body.night {
         }
         &.active {
           border-right: 2px solid $color-accent;
+          background: rgba($color-accent, $nav-item-active-background-alpha);
           color: lighten($color-accent, $nav-item-active-color-lighten) !important;
         }
       }
diff --git a/assets/scss/journal.scss b/assets/scss/journal.scss
index 8ab4e02..b4f98b8 100644
--- a/assets/scss/journal.scss
+++ b/assets/scss/journal.scss
@@ -3,7 +3,7 @@ $color-accent: #1976d2;
 $back-container-background: #fcfcfc;
 $front-container-background: #ffffff;
 
-$default-font-list: "Lora", "Noto Serif SC", serif;
+$default-font-list: "Lora", "Noto Serif SC";
 $mono-font-list: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro",
   monospace;
 $sans-preferred-font-list: "Montserrat", "Roboto", "Source Sans Pro",
@@ -57,11 +57,6 @@ $h-diff: 3px;
 }
 
 body {
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -o-transition: all 0.5s ease;
-  transition: all 0.5s ease;
-
   background: $back-container-background;
   padding: 0;
   margin: 0;
@@ -602,11 +597,6 @@ a {
   }
 
   .post-list-container {
-    -webkit-transition: all 0.5s ease;
-    -moz-transition: all 0.5s ease;
-    -o-transition: all 0.5s ease;
-    transition: all 0.2s ease;
-
     width: 100%;
     min-height: 100vh;
     padding: 20px 0 20px 0;