tweak osd scale slider

common/gtk-3.0/3.20/gtk-dark.css

@@ -2100,10 +2100,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/gtk-darker.css

@@ -2099,10 +2099,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/gtk-solid-dark.css

@@ -2100,10 +2100,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, #353945);
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/gtk-solid-darker.css

@@ -2099,10 +2099,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, #353945);
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/gtk-solid.css

@@ -2103,10 +2103,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, #353945);
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/gtk.css

@@ -2103,10 +2103,14 @@ scale {
       background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
     .osd scale slider {
-      background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+      background-image: linear-gradient(to bottom, #5294E2);
       border-color: #5294E2; }
       .osd scale slider:hover {
-        background-image: linear-gradient(to bottom, #5294E2); }
+        background-image: linear-gradient(to bottom, #7eafe9);
+        border-color: #7eafe9; }
       .osd scale slider:active {
         background-image: linear-gradient(to bottom, #2679db);
         border-color: #2679db; }

common/gtk-3.0/3.20/sass/_common.scss

@@ -2124,10 +2124,18 @@ scale {
     }
     //OSD sliders
     .osd & {
-      background-image: linear-gradient(to bottom, $osd_bg_color);
+      min-width: 11px;
+      min-height: 11px;
+      margin: -4px;
+
+      background-image: linear-gradient(to bottom, $selected_bg_color);
       border-color: $selected_bg_color;
 
-      &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); }
+      &:hover {
+        background-image: linear-gradient(to bottom, lighten($selected_bg_color, 10%));
+        border-color: lighten($selected_bg_color, 10%)
+;
+      }
       &:active {
         background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%));
         border-color: darken($selected_bg_color, 10%);