diff --git a/src/gtk3/widgets/_scrollbar.scss b/src/gtk3/widgets/_scrollbar.scss
--- a/src/gtk3/widgets/_scrollbar.scss
+++ b/src/gtk3/widgets/_scrollbar.scss
@@ -118,9 +118,9 @@
     min-height: 30px;
     border-radius: 8px;
     background-clip: padding-box;
-    background-color: gtkalpha($scrollbar_color_backdrop, 0.2);
+    background-color: gtkalpha($scrollbar_color_backdrop, 0.5);
     &:backdrop { 
-        background-color: $scrollbar_color_backdrop; 
+        background-color: gtkalpha($scrollbar_color_backdrop, 0.3);
     }
     &:hover {
         min-width: 6px;