update css

_config.yml

@@ -4,7 +4,7 @@ info:
   version: '2.4.2' # 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.2.2/css/style.css
+    css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.2.3/css/style.css
     js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.2/js/app.js
 
 
@@ -12,9 +12,10 @@ info:
 style:
   max_width: 1080px # Sum of body width and sidebar width (This limit will be exceeded when the device width is greater than 2000px, reaching 75% of the total width)
   scrollbar:
-    size: 8px
-    border: 1px
+    size: 4px
+    border: 2px
     color: '#2196f3'
+    hover: '#ff5722'
   navbar:
     height: 64px
     width: auto # auto, max

source/css/_base/index.styl

@@ -18,7 +18,10 @@ html
   >
     if hexo-config('style.scrollbar.size')
       if hexo-config('style.scrollbar.color')
-        scrollbar(convert(hexo-config('style.scrollbar.size')), convert(hexo-config('style.scrollbar.border')) || 0px, convert(hexo-config('style.scrollbar.color')))
+        if hexo-config('style.scrollbar.hover')
+          scrollbar(convert(hexo-config('style.scrollbar.size')), convert(hexo-config('style.scrollbar.border')) || 0px, convert(hexo-config('style.scrollbar.color')), convert(hexo-config('style.scrollbar.hover')))
+        else
+          scrollbar(convert(hexo-config('style.scrollbar.size')), convert(hexo-config('style.scrollbar.border')) || 0px, convert(hexo-config('style.scrollbar.color')))
       else
         scrollbar(convert(hexo-config('style.scrollbar.size')), convert(hexo-config('style.scrollbar.border')) || 0px)
 

source/css/_defines/func.styl

@@ -35,15 +35,15 @@ disable-user-select()
   -webkit-user-select: none
   user-select: none
 
-scrollbar($w = 4px, $b = 2px, $c = mix($color-p, $color-card, 70))
+scrollbar($w = 4px, $b = 2px, $c = alpha(mix($color-p, $color-card, 80), .4), $h = mix($color-p, $color-card, 80))
   &::-webkit-scrollbar
     height: $w
     width: $w
   &::-webkit-scrollbar-track-piece
     background: transparent
   &::-webkit-scrollbar-thumb
-    background: alpha($c, .4)
+    background: $c
     cursor: pointer
     border-radius: $b
     &:hover
-      background: alpha($c, 1)
+      background: $h

source/css/_highlight/index.styl

@@ -212,6 +212,11 @@ $hl-text = alpha($color-text, .9)
 .highlight.json
   .line
     .attr
-      color: $hl-orange
+      color: #E24F5A
     .literal
       color: $color-md-indigo
+
+.highlight.yaml
+  .line
+    .attr
+      color: #E24F5A