[gnome-themes-standard] pane-separator styling and sidebar border removal



commit 3481380b78719901f171680de10f96abe559d390
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Wed Jun 11 19:22:59 2014 +0200

    pane-separator styling and sidebar border removal

 themes/Adwaita/gtk-3.0/_common.scss           |   17 +++++++++++------
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   12 +++++++-----
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   12 +++++++-----
 3 files changed, 25 insertions(+), 16 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index e193953..d9aa6b9 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1510,7 +1510,7 @@ GtkMessageDialog .titlebar {
 
 .sidebar,
 .sidebar .view {
-  border-style: solid solid solid none;
+  border: none;
   $_sidebar_bg: lighten($bg_color,5%);
   background-color: $_sidebar_bg;
   .scrollbar {
@@ -1529,11 +1529,7 @@ GtkMessageDialog .titlebar {
     background-color: $selected_bg_color;
   }
   &:backdrop {
-    border-color: $backdrop_borders_color;
-  }
-  // FIXME: we need a proper border removal logic...
-  &:dir(rtl) {
-    border-style: solid none solid solid;
+    background-color: lighten($backdrop_bg_color,5%);
   }
 }
 
@@ -1543,6 +1539,15 @@ GtkPaned {
   margin: 16px; //drag area of the separator
 }
 
+.pane-separator {
+  //FIXME abusing a background-image to get rid of the handle decoration
+  //I'd like something better...
+  background-image: linear-gradient(to bottom, $borders_color);
+  &:backdrop {
+    background-image: linear-gradient(to bottom, $backdrop_borders_color);
+  }
+}
+
 /**************
  * GtkInfoBar *
  **************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 4d1c5d8..35e8710 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1722,7 +1722,7 @@ GtkMessageDialog .titlebar {
  ***********/
 .sidebar,
 .sidebar .view {
-  border-style: solid solid solid none;
+  border: none;
   background-color: #454c4c; }
   .sidebar .scrollbar.trough,
   .sidebar .view .scrollbar.trough {
@@ -1741,14 +1741,16 @@ GtkMessageDialog .titlebar {
     background-color: #215d9c; }
   .sidebar:backdrop,
   .sidebar .view:backdrop {
-    border-color: #1e2222; }
-  .sidebar:dir(rtl),
-  .sidebar .view:dir(rtl) {
-    border-style: solid none solid solid; }
+    background-color: #454c4c; }
 
 GtkPaned {
   margin: 16px; }
 
+.pane-separator {
+  background-image: linear-gradient(to bottom, #1c1f1f); }
+  .pane-separator:backdrop {
+    background-image: linear-gradient(to bottom, #1e2222); }
+
 /**************
  * GtkInfoBar *
  **************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 4147bad..5e359b4 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1722,7 +1722,7 @@ GtkMessageDialog .titlebar {
  ***********/
 .sidebar,
 .sidebar .view {
-  border-style: solid solid solid none;
+  border: none;
   background-color: #fafafa; }
   .sidebar .scrollbar.trough,
   .sidebar .view .scrollbar.trough {
@@ -1741,14 +1741,16 @@ GtkMessageDialog .titlebar {
     background-color: #4a90d9; }
   .sidebar:backdrop,
   .sidebar .view:backdrop {
-    border-color: #a8a8a8; }
-  .sidebar:dir(rtl),
-  .sidebar .view:dir(rtl) {
-    border-style: solid none solid solid; }
+    background-color: #fafafa; }
 
 GtkPaned {
   margin: 16px; }
 
+.pane-separator {
+  background-image: linear-gradient(to bottom, #a1a1a1); }
+  .pane-separator:backdrop {
+    background-image: linear-gradient(to bottom, #a8a8a8); }
+
 /**************
  * GtkInfoBar *
  **************/


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