From 9bb66f9b925e45340c6f20ec876f59bdaea16268 Mon Sep 17 00:00:00 2001
From: Razon Yang <razonyang@gmail.com>
Date: Sun, 18 Feb 2024 02:37:20 +0800
Subject: [PATCH] style: highlight sidebar and ToC scrollbar on hover (#660)

style: change sidebar and ToC scrollbar width as thin
---
 assets/hb/modules/blog/scss/_sidebar.scss  | 10 ++++++----
 assets/hb/modules/blog/scss/post/_toc.scss |  6 ++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/hb/modules/blog/scss/_sidebar.scss b/assets/hb/modules/blog/scss/_sidebar.scss
index aef9928a..95e9429d 100644
--- a/assets/hb/modules/blog/scss/_sidebar.scss
+++ b/assets/hb/modules/blog/scss/_sidebar.scss
@@ -29,10 +29,6 @@
     .hb-blog-sidebar {
         grid-area: sidebar;
 
-        &::-webkit-scrollbar {
-            width: 2px;
-        }
-
         @include media-breakpoint-up(lg) {
             overflow: auto;
 
@@ -42,6 +38,12 @@
     
                 @include top-offset(sticky);
             }
+
+            scrollbar-width: thin;
+
+            &:hover {
+                scrollbar-color: var(--#{$prefix}primary) transparent;
+            }
         }
 
         .hb-module {
diff --git a/assets/hb/modules/blog/scss/post/_toc.scss b/assets/hb/modules/blog/scss/post/_toc.scss
index 0c73b91f..bd5c7779 100644
--- a/assets/hb/modules/blog/scss/post/_toc.scss
+++ b/assets/hb/modules/blog/scss/post/_toc.scss
@@ -18,6 +18,12 @@
         }
 
         @include top-offset;
+
+        scrollbar-width: thin;
+
+        &:hover {
+            scrollbar-color: var(--#{$prefix}primary) transparent;
+        }
     }
 }