css

_config.yml

@@ -4,7 +4,7 @@ info:
   version: '2.4.1' # This is theme's version.
   docs: https://volantis.js.org/ # This is theme's URL.
   cdn: # To use CDN, write 'use_cdn: true' in 'blog/_config.yml'.
-    css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.1.6/css/style.css
+    # css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.1.6/css/style.css
     js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.1/js/app.js
 
 

source/css/_layout/sidebar.styl

@@ -83,7 +83,7 @@
 
         &:hover
           border-left: $border-line solid $color-theme
-          background: alpha($color-theme, .1)
+          background: bgcolor($color-theme)
 
         &.active
           border-left: $border-line solid $color-theme
@@ -223,11 +223,11 @@
         display: flex
         flex-wrap: wrap
         justify-content: space-around
-        padding: 0 $gap
+        padding: $gap * 0.25 $gap
         a
           text-align: center
-          border-radius: $border-card
-          margin: 4px 0
+          border-radius: $border-line
+          margin: 0
           padding: 4px 8px
           display: flex
           flex-direction: column
@@ -249,19 +249,14 @@
             &#round
               border-radius: 100%
 
-
-          border: 1px solid transparent
-          &:hover
+          &.active
             color: $color-theme
             background: bgcolor($color-theme)
-            border-radius: 4px
-
-          &:active
+          &:hover
             color: $color-theme
+            border-radius: $border-line
+            background: bgcolor($color-theme)
 
-          &.active
-            color: $color-theme
-            border: 1px solid $color-theme
 
         &.fixed a
           width: "calc(100%/3 - 0 * %s)" % $gap

source/css/_layout/toc.styl

@@ -54,30 +54,26 @@
     display: inline-block
 
   ul,ol
+    .toc-child a
+      font-weight: normal
     .toc-item.toc-level-1
       .toc-child a
         padding-left: 0.8 * $gap
-        font-weight: normal
     .toc-item.toc-level-2
       .toc-child a
         padding-left: 1.6 * $gap
-        font-weight: normal
     .toc-item.toc-level-3
       .toc-child a
         padding-left: 2.4 * $gap
-        font-weight: normal
     .toc-item.toc-level-4
       .toc-child a
         padding-left: 3.2 * $gap
-        font-weight: normal
     .toc-item.toc-level-5
       .toc-child a
         padding-left: 4 * $gap
-        font-weight: normal
     .toc-item.toc-level-6
       .toc-child a
-        padding-left: 4 * $gap
-        font-weight: normal
+        padding-left: 4.8 * $gap
 
     li
       a

source/css/_tag-plugins/dropmenu.styl

@@ -5,13 +5,16 @@ div.dropmenu
   cursor: default
   trans()
   color: alpha($color-text, 85%)
-  background: $color-card
+  background: $color-codeblock
   border-radius: $border-codeblock
   border: 1px solid darken($color-codeblock, 6)
   padding: 0 $gap
   padding-top: 1px
+  font-size: $fontsize-meta
+  font-weight: bold
   &:hover
-    background: $color-codeblock
+    background: bgcolor($color-theme)
+    border-color: darken(bgcolor($color-theme), 6)
     >ul
       display: block
       margin-left: 0 - $gap * 0.5