Merge lp:~danrabbit/egtk/source-list-selection into lp:egtk/1.0

[Danielle Foré]

This branch changes the source-list selection style to a kind of pushed in look much like Jolicloud.

I feel like this style helps to create less of a conflict between colored icons and a colored background, while still being stylish and clear in it's meaning.

[Victor Martinez (victored)]

This makes me want to lick the screen.

=== modified file 'gtk-3.0/granite-widgets.css'
--- gtk-3.0/granite-widgets.css	2013-03-03 02:12:16 +0000
+++ gtk-3.0/granite-widgets.css	2013-04-14 19:05:30 +0000
@@ -32,13 +32,15 @@
 .sidebar,
 .source-list {
     -GtkTreeView-horizontal-separator: 1;
-    -GtkTreeView-vertical-separator: 1;
+    -GtkTreeView-vertical-separator: 6;
 }
 
 .sidebar.view:selected,
 .sidebar.view:prelight:selected,
 .source-list.view:selected,
 .source-list.view:prelight:selected {
+
+    color: shade (@bg_color, 0.50);
     border-style: solid;
     border-width: 1px 0 1px 0;
     -unico-inner-stroke-width: 1px 0 1px 0;
@@ -46,18 +48,18 @@
     background-image: -gtk-gradient (linear,
                     left top,
                     left bottom,
-                    from (shade (@selected_bg_color, 1.25)),
-                    to (shade (@selected_bg_color, 0.98)));
+                    from (alpha (#000, 0.11)),
+                    to (alpha (#000, 0.07)));
 
     -unico-border-gradient: -gtk-gradient (linear,
                     left top, left bottom,
-                    from (shade (@selected_bg_color, 1.05)),
-                    to (shade (@selected_bg_color, 0.88)));
+                    from (alpha (#000, 0.25)),
+                    to (alpha (#fff, 0.30)));
 
     -unico-inner-stroke-gradient: -gtk-gradient (linear,
                     left top, left bottom,
-                    from (alpha (#fff, 0.20)),
-                    to (alpha (#fff, 0.10)));
+                    from (alpha (#000, 0.03)),
+                    to (alpha (#000, 0.10)));
 }
 
 .sidebar.view:selected:backdrop,
@@ -67,15 +69,19 @@
     background-image: -gtk-gradient (linear,
                     left top,
                     left bottom,
-                    from (shade (@bg_color, 0.95)),
-                    to (shade (@bg_color, 0.83)));
+                    from (alpha (#000, 0.08)),
+                    to (alpha (#000, 0.04)));
 
     -unico-border-gradient: -gtk-gradient (linear,
                     left top, left bottom,
-                    from (shade (@bg_color, 0.85)),
-                    to (shade (@bg_color, 0.73)));
-
-    color: shade (@bg_color, 0.50);
+                    from (alpha (#000, 0.19)),
+                    to (alpha (#fff, 0.25)));
+
+    -unico-inner-stroke-gradient: -gtk-gradient (linear,
+                    left top, left bottom,
+                    from (alpha (#000, 0.03)),
+                    to (alpha (#000, 0.10)));
+
 }
 
 .sidebar.view:prelight,
@@ -115,7 +121,7 @@
 
 .source-list.badge:selected,
 .source-list.badge:prelight:selected {
-    color: shade (@selected_bg_color, 1.25);
+    color: @bg_color;
 }
 
 .source-list.badge:selected:backdrop,

=== modified file 'gtk-3.0/gtk-widgets.css'
--- gtk-3.0/gtk-widgets.css	2013-03-22 22:16:28 +0000
+++ gtk-3.0/gtk-widgets.css	2013-04-14 19:05:30 +0000
@@ -235,7 +235,6 @@
 .menu *:prelight,
 .progressbar row,
 .sidebar.view:selected,
-.source-list.view:selected,
 .tooltip *,
 GtkSwitch.trough:active {
     color: @selected_fg_color;
@@ -247,8 +246,6 @@
 .menu *:active,
 .menu *:prelight,
 .progressbar row,
-.sidebar.view:selected,
-.source-list.view:selected,
 .tooltip,
 GtkSwitch.trough:active {
     text-shadow: 0 1 alpha (#000, 0.3);