[gnome-themes-standard] scale: set a styling on the highlight part of a scale trough

[Cosimo Cecchi <cosimoc src gnome org>]

commit 8e7f71ec170dae304f6dbedeeb650f058ef4cbae
Author: Cosimo Cecchi <cosimoc gnome org>
Date:   Thu Jan 17 18:55:42 2013 -0500

    scale: set a styling on the highlight part of a scale trough
    
    As in the latest theming mockups.
    Since the has_origin property defaults to TRUE for GtkScale, some code
    will need to be patched where the highlight effect wasn't desirable.

 themes/Adwaita/gtk-3.0/gtk-main-dark.css |    3 ++
 themes/Adwaita/gtk-3.0/gtk-main.css      |    3 ++
 themes/Adwaita/gtk-3.0/gtk-widgets.css   |   43 +++++++++++++++++++++++++----
 3 files changed, 43 insertions(+), 6 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-main-dark.css b/themes/Adwaita/gtk-3.0/gtk-main-dark.css
index 1b7e127..6a85fdc 100644
--- a/themes/Adwaita/gtk-3.0/gtk-main-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-main-dark.css
@@ -91,6 +91,9 @@
 @define-color internal_element_insensitive mix(@internal_element_color, @theme_base_color, 0.65);
 
 @define-color scale_progress_fill #2c85e2;
+ define-color scale_highlight_border #182f4c;
+ define-color scale_highlight_bg #356599;
+ define-color scale_highlight_shadow alpha(white, 0.20);
 
 @define-color notebook_active_tab_border shade(@theme_selected_bg_color, 0.5);
 @define-color notebook_selected_tab_color alpha(@theme_selected_bg_color, 0.75);
diff --git a/themes/Adwaita/gtk-3.0/gtk-main.css b/themes/Adwaita/gtk-3.0/gtk-main.css
index 033ac56..848288f 100644
--- a/themes/Adwaita/gtk-3.0/gtk-main.css
+++ b/themes/Adwaita/gtk-3.0/gtk-main.css
@@ -91,6 +91,9 @@
 @define-color internal_element_insensitive mix(@internal_element_color, @theme_base_color, 0.7);
 
 @define-color scale_progress_fill #2c85e2;
+ define-color scale_highlight_border #426ea8;
+ define-color scale_highlight_bg #729fce;
+ define-color scale_highlight_shadow alpha(white, 0.50);
 
 @define-color notebook_active_tab_border #1372d3;
 @define-color notebook_selected_tab_color #8dc0f3;
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 844c190..4068d59 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -1037,22 +1037,36 @@ GtkLevelBar.vertical {
 }
 
 .scale.trough,
-.scale.trough.highlight,
 .scale.trough.vertical {
     border-color: @borders;
 }
 
-.scale.trough:backdrop {
+.scale.trough.highlight,
+.scale.trough.highlight.vertical {
+    border-color: @scale_highlight_border;
+}
+
+.scale.trough:backdrop,
+.scale.trough.vertical:backdrop {
     border-color: @unfocused_borders;
 }
 
-.scale.trough:insensitive {
+.scale.trough:insensitive,
+.scale.trough.highlight:insensitive,
+.scale.trough.vertical:insensitive,
+.scale.trough.highlight.vertical:insensitive {
     background-color: @insensitive_bg_color;
     border-color: @insensitive_scale_borders;
     box-shadow: none;
     background-image: none;
 }
 
+.scale.trough.highlight,
+.scale.trough.vertical.highlight {
+    background-image: none;
+    background-color: @scale_highlight_bg;
+}
+
 .scale.progressbar {
     background-color: @scale_progress_fill;
 }
@@ -1066,15 +1080,24 @@ GtkLevelBar.vertical {
     color: alpha(@theme_fg_color, 0.3);
 }
 
+.scale.trough {
+    box-shadow: inset 0 -1px @theme_bg_color;
+}
+
 .scale.trough.vertical {
     box-shadow: inset -1px 0 @theme_bg_color;
 }
 
-.scale.trough {
-    box-shadow: inset 0 -1px @theme_bg_color;
+.scale.trough.highlight {
+    box-shadow: inset 0 -1px @scale_highlight_shadow;
 }
 
-.scale.trough:backdrop {
+.scale.trough.vertical.highlight {
+    box-shadow: inset -1px 0 @scale_highlight_shadow;
+}
+
+.scale.trough:backdrop,
+.scale.trough.highlight:backdrop {
     box-shadow: none;
     border-color: @unfocused_borders;
     background-color: @unfocused_dark_bg;
@@ -2825,6 +2848,14 @@ GtkOverlay.osd {
     background-color: transparent;
 }
 
+.osd .scale.trough.highlight {
+    border-color: mix(@osd_button_border, @theme_selected_bg_color, 0.70);
+    background-image: linear-gradient(to bottom,
+                                      mix(shade(@osd_button_border, 0.55), @theme_selected_bg_color, 0.70),
+                                      mix(shade(@osd_button_border, 0.90), @theme_selected_bg_color, 0.70)
+                                      );
+}
+
 .osd GtkProgressBar,
 GtkProgressBar.osd {
     padding: 0;