update theme style

Author: frankheat

themes/mytheme/layouts/partials/head.html

@@ -25,7 +25,7 @@
     crossorigin="anonymous"></script>
 
 <!-- highlight.js -->
-<link rel="stylesheet" href='{{ absURL "css/atom-one-dark.min.css" }}'>
+<link rel="stylesheet" href='{{ absURL "css/atom-one-dark-reasonable.min.css" }}'>
 <script src='{{ absURL "js/highlight.min.js" }}'></script>
 <script>hljs.highlightAll();</script>
 

themes/mytheme/layouts/partials/site-nav.html

@@ -3,10 +3,11 @@
     <nav id="index">
         <ul>
             {{ range site.Sections.ByWeight }}
-            <li>
+            
+            <li class="sections">
+                <hr>
                 <strong>{{ .Title }}</strong>
                 <ul>
-        
                     {{ range .Sections.ByWeight }}
                     <li>
 

themes/mytheme/static/css/atom-one-dark-reasonable.min.css

@@ -113,6 +113,16 @@
         border-bottom: 4px solid rgb(82, 82, 82);
     }
 
+    input {
+        background-color: rgb(19, 20, 22) !important;
+        border: 1px solid rgb(55, 59, 62) !important;
+        color: white !important;
+    }
+
+    input::placeholder {
+        color: rgb(121, 121, 121) !important;
+    }
+
 
     /* Top bar style */
     .navbar-brand-blur {
@@ -184,21 +194,15 @@
     #TableOfContents li a,
     #index li a {
         display: block;
-        padding-top: 2px;
-        padding-bottom: 2px;
+        padding-top: 5px;
+        padding-bottom: 5x;
         text-decoration: none;
         transition: 0.3s;
-        color: rgb(180, 180, 180);
+        color: rgb(185, 194, 214);
         opacity: 0.8;
         font-size: 15px;
     }
 
-    #sidebarLeft:hover li a,
-    #sidebarRight:hover li a {
-        color: rgb(207, 207, 207);
-        opacity: 1;
-    }
-
     #TableOfContents li a.active,
     #index li a.active {
         color: #00CCFF;
@@ -208,17 +212,19 @@
     #TableOfContents li a:hover,
     #index li a:hover {
         color: white;
-        background-color: rgb(67, 69, 74);
+        text-decoration: underline;
     }
 
-    #TableOfContents ul ul,
-    #index ul ul {
+    #TableOfContents ul ul {
         padding-left: 15px;
     }
 
-    #TableOfContents ul ul ul,
     #index ul ul ul {
-        padding-left: 30px;
+        padding-left: 15px;
+    }
+
+    .sections {
+        margin-bottom: 10px;
     }
 
 

themes/mytheme/static/css/atom-one-dark.min.css

@@ -16,5 +16,7 @@ document.querySelectorAll('#TableOfContents a[href^="#"]').forEach(anchor => {
                 behavior: "smooth"
             });
         }
+
+        history.pushState(null, null, '#' + targetId);
     });
 });