diff --git a/src/theme/book.css b/src/theme/book.css
index eb717248..7a464cdd 100644
--- a/src/theme/book.css
+++ b/src/theme/book.css
@@ -344,7 +344,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #fafafa;
 }
 .light .sidebar::-webkit-scrollbar-thumb {
-  background: #364149;
+  background: #ccc;
 }
 .light .chapter li {
   color: #aaa;
@@ -474,7 +474,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #fff;
 }
 .light ::-webkit-scrollbar-thumb {
-  background: #333;
+  background: #ccc;
 }
 .coal {
   color: #98a3ad;
@@ -640,7 +640,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #141617;
 }
 .coal ::-webkit-scrollbar-thumb {
-  background: #98a3ad;
+  background: #a1adb8;
 }
 .navy {
   color: #bcbdd0;
@@ -806,7 +806,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #161923;
 }
 .navy ::-webkit-scrollbar-thumb {
-  background: #bcbdd0;
+  background: #c8c9db;
 }
 .rust {
   color: #262625;
@@ -972,7 +972,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #e1e1db;
 }
 .rust ::-webkit-scrollbar-thumb {
-  background: #262625;
+  background: #c8c9db;
 }
 .ayu {
   color: #c5c5c5;
@@ -1138,7 +1138,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #0f1419;
 }
 .ayu ::-webkit-scrollbar-thumb {
-  background: #c5c5c5;
+  background: #c8c9db;
 }
 @media only print {
   #sidebar,
diff --git a/src/theme/stylus/themes/ayu.styl b/src/theme/stylus/themes/ayu.styl
index fb79dd8b..7f5c79ad 100644
--- a/src/theme/stylus/themes/ayu.styl
+++ b/src/theme/stylus/themes/ayu.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #5c6773
 $sidebar-active = #ffb454
 $sidebar-spacer = #2d334f
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #b7b9cc
 
diff --git a/src/theme/stylus/themes/base.styl b/src/theme/stylus/themes/base.styl
index 7810beec..520015c1 100644
--- a/src/theme/stylus/themes/base.styl
+++ b/src/theme/stylus/themes/base.styl
@@ -38,7 +38,7 @@
         }
 
         &::-webkit-scrollbar-thumb {
-            background: $sidebar-fg;
+            background: $scrollbar;
         }
     }
 
@@ -186,6 +186,6 @@
     }
 
     ::-webkit-scrollbar-thumb {
-        background: $fg;
+        background: $scrollbar;
     }
 }
diff --git a/src/theme/stylus/themes/coal.styl b/src/theme/stylus/themes/coal.styl
index 82119b1b..68b6449e 100644
--- a/src/theme/stylus/themes/coal.styl
+++ b/src/theme/stylus/themes/coal.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
 $sidebar-active = #3473ad
 $sidebar-spacer = #393939
 
+$scrollbar = $sidebar-fg
+
 $icons = #43484d
 $icons-hover = #b3c0cc
 
diff --git a/src/theme/stylus/themes/light.styl b/src/theme/stylus/themes/light.styl
index f6495b70..1fc42d3b 100644
--- a/src/theme/stylus/themes/light.styl
+++ b/src/theme/stylus/themes/light.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #aaaaaa
 $sidebar-active = #008cff
 $sidebar-spacer = #f4f4f4
 
+$scrollbar = #cccccc
+
 $icons = #cccccc
 $icons-hover = #333333
 
diff --git a/src/theme/stylus/themes/navy.styl b/src/theme/stylus/themes/navy.styl
index 826f8fc2..d9832062 100644
--- a/src/theme/stylus/themes/navy.styl
+++ b/src/theme/stylus/themes/navy.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505274
 $sidebar-active = #2b79a2
 $sidebar-spacer = #2d334f
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #b7b9cc
 
diff --git a/src/theme/stylus/themes/rust.styl b/src/theme/stylus/themes/rust.styl
index 12c7ed42..c3ba03c4 100644
--- a/src/theme/stylus/themes/rust.styl
+++ b/src/theme/stylus/themes/rust.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
 $sidebar-active = #e69f67
 $sidebar-spacer = #45373a
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #262625