diff --git a/src/gtk-3.0/widgets/_scales.scss b/src/gtk-3.0/widgets/_scales.scss
index 69eebf70..1e1675f2 100644
--- a/src/gtk-3.0/widgets/_scales.scss
+++ b/src/gtk-3.0/widgets/_scales.scss
@@ -4,7 +4,7 @@ scale {
     }
 
     highlight {
-        background-color: rgba($fg-color, 0.7);
+        background-color: #{'accent_color'};
         border: 1px solid rgba(black, 0.3);
 
         box-shadow: inset 0 0 0 2px rgba(black, 0.03);
diff --git a/src/gtk-4.0/widgets/_scales.scss b/src/gtk-4.0/widgets/_scales.scss
index 5121536c..dd42dfa8 100644
--- a/src/gtk-4.0/widgets/_scales.scss
+++ b/src/gtk-4.0/widgets/_scales.scss
@@ -4,7 +4,7 @@ scale {
     }
 
     highlight {
-        background-color: rgba($fg-color, 0.7);
+        background-color: #{'accent_color'};
         border: 1px solid rgba(black, 0.3);
 
         box-shadow: inset 0 0 0 2px rgba(black, 0.03);