From 3bac00dc72b4158ffe588a7e6ffd795357847d1b Mon Sep 17 00:00:00 2001
From: Jakub Steiner <jimmac@gmail.com>
Date: Thu, 30 May 2019 10:23:10 +0200
Subject: [PATCH] theme: match gtk sliders

- FIXME: currently unable to stle the slider itself
  color sets the background color but no way to style the border as
  far as I can tell gazing at js/ui/slider.js
---
 data/theme/gnome-shell-sass/_common.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 9736c52c3..2fac687fb 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -13,7 +13,7 @@ $bubble_outer_borders_color: if($variant=='light', transparentize(black, 0.6), $
 $bubble_hover_bg_color: transparentize($bubble_fg_color, 0.94);
 $bubble_active_bg_color: $selected_bg_color;//transparentize($bubble_fg_color, 0.84);
 $bubble_active_fg_color: $selected_fg_color;
-$_trough_color: transparentize($bubble_fg_color, 0.7);
+$_trough_color: transparentize($bubble_fg_color, 0.9);
 
 /* Copyright 2009, 2015 Red Hat, Inc.
  *
@@ -139,14 +139,20 @@ StScrollBar {
   height: 1em;
   -barlevel-height: 0.3em;
   -barlevel-background-color: $_trough_color; //background of the trough
-  -barlevel-border-color: transparent; //trough border color
+  -barlevel-border-color: $borders_color; //trough border color
   -barlevel-active-background-color: $selected_bg_color; //active trough fill
-  -barlevel-active-border-color: transparent; //active trough border
+  -barlevel-active-border-color: $selected_borders_color; //active trough border
   -barlevel-overdrive-color: $destructive_color;
   -barlevel-overdrive-border-color: darken($destructive_color,10%);
   -barlevel-overdrive-separator-width: 0.2em;
   -barlevel-border-width: 1px;
   -slider-handle-radius: 8px;
+  -slider-handle-border-width: 1px;
+  color: $fg_color; /* FIXME to match gtk, we'd need to style the border of the slider, not
+     the whole widget */
+  &:active {
+    color: $selected_bg_color; /* FIXME again, this should be border only */
+  }
 }
 
 /* Check Boxes */