[gnome-shell/wip/jimmac/frederik-light] theme: match gtk sliders



commit 3bac00dc72b4158ffe588a7e6ffd795357847d1b
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu May 30 10:23:10 2019 +0200

    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 */


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]