[gnome-shell] theme: Update the look of scrollbars

[Jasper St. Pierre <jstpierre src gnome org>]

commit c2a5d6f61b144a0ef4ba1cc531608d5ec6b747da
Author: Allan Day <allanpday gmail com>
Date:   Wed Aug 1 13:19:13 2012 +0100

    theme: Update the look of scrollbars
    
    Make the scrollbars consistent with those in Gtk.

 data/Makefile.am              |    2 -
 data/theme/gnome-shell.css    |   44 ++++++++++++----------------
 data/theme/scroll-hhandle.svg |   64 -----------------------------------------
 data/theme/scroll-vhandle.svg |   62 ---------------------------------------
 4 files changed, 19 insertions(+), 153 deletions(-)
---
diff --git a/data/Makefile.am b/data/Makefile.am
index 09db7c6..05bd860 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -41,8 +41,6 @@ dist_theme_DATA =				\
 	theme/panel-button-highlight-wide.svg	\
 	theme/process-working.svg		\
 	theme/running-indicator.svg		\
-	theme/scroll-hhandle.svg		\
-	theme/scroll-vhandle.svg		\
 	theme/source-button-border.svg		\
 	theme/toggle-off-us.svg			\
 	theme/toggle-off-intl.svg		\
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 21cf787..ca58930 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -58,54 +58,48 @@ stage {
 
 /* Scroll Bars */
 
-StScrollBar
-{
+StScrollBar {
     padding: 0px;
 }
 
-StScrollView.vfade
-{
+StScrollView.vfade {
     -st-vfade-offset: 68px;
 }
 
-StScrollView.hfade
-{
+StScrollView.hfade {
     -st-hfade-offset: 68px;
 }
 
-StScrollView StScrollBar
-{
-    min-width: 16px;
+StScrollView StScrollBar {
+    min-width: 14px;
     min-height: 16px;
 }
 
-
 StScrollBar StBin#trough {
-    background-color: #080808;
-    border: 1px solid #2d2d2d;
+    background-color: rgba(0,0,0,0.3);
     border-radius: 8px;
 }
 
-StScrollBar StButton#vhandle
-{
-    background-image: url("scroll-vhandle.svg");
-    background-color: #252525;
-    border: 1px solid #080808;
+StScrollBar StButton#vhandle {
+    background-color: #959797;
+    border: 2px solid #242424;
     border-radius: 8px;
 }
 
-StScrollBar StButton#hhandle
-{
-    background-image: url("scroll-hhandle.svg");
-    background-color: #252525;
-    border: 1px solid #080808;
+StScrollBar StButton#hhandle {
+    background-color: #959797;
+    border: 2px solid #242424;
     border-radius: 8px;
 }
 
 StScrollBar StButton#hhandle:hover,
-StScrollBar StButton#vhandle:hover
-{
-    background-color: #292929;
+StScrollBar StButton#vhandle:hover {
+    background-color: #c2c3c3;
+}
+
+StScrollBar StButton#hhandle:active,
+StScrollBar StButton#vhandle:active {
+    background-color: #729fcf;
 }
 
 /* Check Boxes */