[gnome-themes-standard] Widget theme: sidebar scrollbars styling and unfocused window sidebar.



commit 6a3a6cfbf1e563364a56fc1e4785e4cac052fce0
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Dec 22 12:35:24 2011 +0100

    Widget theme: sidebar scrollbars styling and unfocused window sidebar.

 themes/Adwaita/gtk-3.0/gnome-applications.css |   17 +++++++++---
 themes/Adwaita/gtk-3.0/gtk-dark.css           |    2 +-
 themes/Adwaita/gtk-3.0/gtk-widgets.css        |   34 +++++++++++++++++++++++-
 themes/Adwaita/gtk-3.0/gtk.css                |    3 +-
 4 files changed, 48 insertions(+), 8 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gnome-applications.css b/themes/Adwaita/gtk-3.0/gnome-applications.css
index fb613d2..320fc15 100644
--- a/themes/Adwaita/gtk-3.0/gnome-applications.css
+++ b/themes/Adwaita/gtk-3.0/gnome-applications.css
@@ -122,22 +122,31 @@ NautilusFloatingBar .button {
 NautilusWindow .sidebar .frame {
     border-width: 1 0 0 0;
     border-style: solid;
-    border-color: shade (@theme_bg_color, 0.66);
+    border-color: @borders;
     border-radius: 0;
 }
 
 NautilusWindow > GtkGrid > .pane-separator {
     border-width: 1 1 0 0;
     border-style: solid;
-    border-color: shade (@theme_bg_color, 0.66);
+    border-color: @borders;
 }
 
 NautilusWindow > GtkGrid > .pane-separator,
 NautilusWindow > GtkGrid > .pane-separator:hover {
     border-width: 1 1 0 0;
     border-style: solid;
-    border-color: shade (@theme_bg_color, 0.66);
-    background-color: @sidebar_bg_color;
+    border-color: @borders;
+    background-color: @sidebar_bg;
+    color: shade (@theme_bg_color, 0.9);
+}
+
+NautilusWindow > GtkGrid > .pane-separator:window-unfocused,
+NautilusWindow > GtkGrid > .pane-separator:hover:window-unfocused {
+    border-width: 1 1 0 0;
+    border-style: solid;
+    border-color: @unfocused_borders;
+    background-color: @sidebar_bg_unfocused;
     color: shade (@theme_bg_color, 0.9);
 }
 
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.css b/themes/Adwaita/gtk-3.0/gtk-dark.css
index 25d9d4f..3364f34 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.css
@@ -115,7 +115,7 @@
 @define-color keyboard_focus_border_a alpha (@theme_fg_color, 0.30);
 @define-color keyboard_focus_border_b alpha (@theme_fg_color, 0.10);
 
- define-color sidebar_bg_color shade (@theme_bg_color, 1.02);
+ define-color sidebar_bg shade (@theme_bg_color, 1.02);
 
 @define-color trough_bg_color_a #30312f;
 @define-color trough_bg_color_b #41433f;
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index e9357d0..d624e40 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -1641,11 +1641,41 @@ GtkCheckButton:selected:focus {
  ***********/
 .sidebar,
 .sidebar .view {
-    background-color: @sidebar_bg_color;
+    background-color: @sidebar_bg;
+}
+
+.sidebar:window-unfocused,
+.sidebar .view:window-unfocused {
+    background-color: @sidebar_bg_unfocused;
+}
+
+.sidebar .scrollbar.trough,
+.sidebar .scrollbar.trough:window-unfocused {
+    box-shadow: none;
+    border-radius: 100;
+    border-style: solid;
+    border-width: 2;
+    border-color: transparent;
 }
 
 .sidebar .scrollbar.trough {
-    background-color: @sidebar_bg_color;
+    background-color: shade(@sidebar_bg, 0.8);
+}
+
+.sidebar .scrollbar.trough:window-unfocused {
+    background-color: shade(@sidebar_bg_unfocused, 0.8);
+}
+
+.sidebar .scrollbar.slider {
+    background-color: @sidebar_bg;
+}
+
+.sidebar .scrollbar.slider:window-unfocused {
+    background-color: @sidebar_bg_unfocused;
+}
+
+.sidebar .scrollbar.slider:hover {
+    background-color: @theme_base_color;
 }
 
 .sidebar .radio,
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index d786ae9..fd4aa20 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -63,7 +63,8 @@
 @define-color keyboard_focus_border_b #6794cf;
 
 /* @define-color sidebar_bg_color shade (@theme_bg_color, 1.02); */
- define-color sidebar_bg_color shade (@theme_bg_color, 1.025);
+ define-color sidebar_bg shade (@theme_bg_color, 1.025);
+ define-color sidebar_bg_unfocused mix(@sidebar_bg, @theme_unfocused_base_color, 0.5);
 
 @define-color os_chrome_bg_color black;
 @define-color os_chrome_fg_color #ccc;



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