Hermit-V2 Theme Update

assets/js/mathjax-assistant.js

@@ -0,0 +1,12 @@
+MathJax = {
+  tex: {
+    displayMath: [['\\[', '\\]'], ['$$', '$$']],  // block
+    inlineMath: [['\\(', '\\)']]                  // inline
+      // processEscapes: true,
+      // processEnvironments: true,
+  }
+  // options: {
+  //     skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+  //     enableMenu: false
+  // }
+};

assets/scss/_predefined.scss

@@ -1,6 +1,6 @@
 // Colors
-$theme: #018574;
-$text: #e8eef2;
+$theme: hsl(172, 99%, 26%);
+$text: hsl(204, 28%, 93%);
 $light-grey: #494f5c;
 $dark-grey: #3B3E48;
 $highlight-grey: #7d828a;

assets/scss/style.scss

@@ -4,12 +4,20 @@
 @import "animate.scss";
 @import "_scroll.scss";
 @import "_admonition.scss";
-@import "_mathjax.scss";
 @import "_socialshare.scss";
 {{ if (fileExists "assets/scss/userstyles.scss") }}
 @import "userstyles.scss";
 {{ end }}
 
+/* text selection */
+::-moz-selection {
+  background: $highlight-grey;
+}
+
+::selection {
+  background: $highlight-grey;
+}
+
 /* Webkit Scrollbar Customize */
 ::-webkit-scrollbar {
   width: 8px;
@@ -60,13 +68,14 @@ pre {
   code {
     padding: 0;
     margin: 0;
-    background: $midnightblue;
+    color: #eee;
+    background: transparent;
   }
 }
 
 code {
-  color: #eee;
-  background: $highlight-grey;
+  color: hsl(0, 1%, 67%);
+  background: $dark-grey;
   border-radius: 3px;
   padding: 0 3px;
   margin: 0 4px;
@@ -463,7 +472,6 @@ p.img-404 {
     @include dimmed;
 
     &:hover {
-      text-decoration: underline;
       cursor: pointer;
     }
   }
@@ -491,6 +499,36 @@ p.img-404 {
     margin-left: 1em;
     @include dimmed;
   }
+  .post-description {
+    font-size:x-small;
+    flex-shrink: 0;
+    @include dimmed;
+  }
+}
+
+.pinned-posts-group {
+  display: flex;
+  margin-bottom: 1.9em;
+  line-height: normal;
+  border-bottom: 2px $highlight-grey solid;
+
+  .pinned-posts-list {
+    flex-grow: 1;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .pinned-post-item {
+    display: flex;
+    justify-content: start;
+    align-items: baseline;
+    padding: 12px 0;
+
+    a {
+      padding-left: 12px;
+    }
+  }
 }
 
 // single.html