diff --git a/src/gtk3/widgets/_scale.scss b/src/gtk3/widgets/_scale.scss
--- a/src/gtk3/widgets/_scale.scss
+++ b/src/gtk3/widgets/_scale.scss
@@ -59,7 +59,7 @@
     margin: 9px;
     border: 0px solid;
     border-radius: $r;
-    background-color: $trough_color;
+    background-color: gtkalpha("@theme_fg_color", 0.3);
     box-shadow: none;
 
     &:disabled, &.vertical:disabled {
@@ -72,7 +72,6 @@
       }
     }
     &:backdrop {
-      background-color: $trough_color_backdrop;
       border-color: $trough_color_backdrop;
     }
   }
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,10 +118,7 @@
     min-height: 30px;
     border-radius: 8px;
     background-clip: padding-box;
-    background-color: gtkalpha($scrollbar_color_backdrop, 0.2);
-    &:backdrop { 
-        background-color: $scrollbar_color_backdrop; 
-    }
+    background-color: gtkalpha("@theme_fg_color", 0.3);
     &:hover {
         min-width: 6px;
        background-color: gtk("@theme_button_decoration_hover");