feat: new style update

assets/css/_core/_base.scss

@@ -73,3 +73,11 @@ a {
     }
   }
 }
+
+.navbar {
+  background-color: $navbar-background-color;
+
+  .dark-theme & {
+    background-color: $navbar-background-color-dark;
+  }
+}

assets/css/_core/_media.scss

@@ -19,7 +19,6 @@
       margin: 0;
       height: 4.5em;
       line-height: 4.5em;
-      background: $global-background-color;
 
       .navbar-header {
         display: flex;
@@ -90,7 +89,6 @@
 
       .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);
@@ -105,14 +103,9 @@
         }
 
         .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

@@ -144,6 +144,22 @@
     padding-left: 2em;
   }
 
+  ruby {
+    background: $code-background;
+
+    rt {
+      color: $global-font-secondary-color;
+    }
+
+    .dark-theme & {
+      background: $code-background-dark;
+
+      rt {
+        color: $global-font-secondary-color-dark;
+      }
+    }
+  }
+
   .table-wrapper {
     overflow-x: auto;
 
@@ -362,20 +378,60 @@
 p {
   font-size: 1em;
   margin: .5em 0 .5em 0;
+  text-align: justify;
 }
 
 .post-footer {
+  margin-top: 3rem;
+
   .post-info {
-    margin-top: 3rem;
     border-bottom: 1px solid $global-border-color;
     padding: 1rem 0 0.3rem;
-    display: flex;
-    justify-content: space-between;
 
     .dark-theme & {
-      border-top: 1px solid $global-border-color-dark;
       border-bottom: 1px solid $global-border-color-dark;
     }
+
+    .post-info-line {
+      display: flex;
+      justify-content: space-between;
+
+      .post-info-mod {
+        font-size: 0.8em;
+        color: $global-font-secondary-color;
+
+        .dark-theme & {
+          color: $global-font-secondary-color-dark;
+        }
+      }
+
+      .post-info-license {
+        font-size: 0.8em;
+        color: $global-font-secondary-color;
+
+        .dark-theme & {
+          color: $global-font-secondary-color-dark;
+        }
+      }
+
+      .post-info-md
+      a {
+        font-size: 0.8em;
+        color: $post-link-color;
+
+        .dark-theme & {
+          color: $post-link-color-dark;
+        }
+
+        &:hover {
+          color: $post-link-hover-color;
+
+          .dark-theme & {
+            color: $post-link-hover-color-dark;
+          }
+        }
+      }
+    }
   }
 
   .post-tags {

assets/css/_page/_posts.scss

@@ -84,6 +84,7 @@
   }
 
   .post-footer {
+    margin-top: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;

assets/css/_variables.scss

@@ -7,6 +7,9 @@
 $global-background-color: #fff !default;
 $global-background-color-dark: #292a2d !default;
 
+$navbar-background-color: #FAFAFA !default;
+$navbar-background-color-dark: #252627 !default;
+
 // Text color of the body.
 $global-font-color: #161209 !default;
 $global-font-color-dark: #a9a9b3 !default;