fix: mobile nav backgroud and new style

assets/css/_core/_media.scss

@@ -19,6 +19,7 @@
       margin: 0;
       height: 4.5em;
       line-height: 4.5em;
+      background: $global-background-color;
 
       .navbar-header {
         display: flex;
@@ -89,6 +90,7 @@
 
       .menu {
         text-align: center;
+        background: $global-background-color;
         border-top: 2px solid $global-font-color;
         display: none;
         box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
@@ -103,9 +105,14 @@
         }
 
         .dark-theme & {
+          background: $global-background-color-dark;
           border-top: 2px solid $global-font-color-dark;
         }
       }
+
+      .dark-theme & {
+        background: $global-background-color-dark !important;
+      }
     }
   }
 

assets/css/_page/_post.scss

@@ -42,8 +42,8 @@
 
 .post-toc {
   position: absolute;
-  width: 200px;
-  max-width: 240px;
+  width: 240px;
+  max-width: 300px;
   margin-left: 800px;
   padding: 10px;
   border-left: 1px solid $global-border-color;
@@ -244,6 +244,7 @@
         color: $post-link-color-dark;
       }
     }
+
     &:after {
       content: "#blockquote" attr(cite);
       display: block;

assets/css/_page/_posts.scss

@@ -62,7 +62,7 @@
     padding-top: .2em;
     font-size: 0.9em;
     width: 100%;
-    max-height: 100px;
+    max-height: 108px;
     overflow: hidden;
 
     h2,