[gnome-themes-standard/wip/sass] colored backdrop buttons

[Lapo Calamandrei <lapo src gnome org>]

commit be4daff7e56e65e0fb69fade632b53c9b584bf19
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Wed May 28 00:13:57 2014 +0200

    colored backdrop buttons

 themes/Adwaita/gtk-3.0/_drawing.scss          |   43 ++++++++++++++++++------
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |    8 ++--
 themes/Adwaita/gtk-3.0/gtk-contained.css      |    8 ++--
 3 files changed, 40 insertions(+), 19 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_drawing.scss b/themes/Adwaita/gtk-3.0/_drawing.scss
index 115791d..a7697de 100644
--- a/themes/Adwaita/gtk-3.0/_drawing.scss
+++ b/themes/Adwaita/gtk-3.0/_drawing.scss
@@ -113,7 +113,10 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
 
   $_top_hilight: if(lightness($c)> 70%, white, transparentize(white,0.9)); //not just dark/light but colored 
buttons
 
-  @if $t==normal { // normal button
+  @if $t==normal {
+  //
+  // normal button
+  //
     color: $tc;
     @if lightness($c) < 50% { //darker buttons need a less contrasty gradient
       background-image: linear-gradient(to bottom,
@@ -140,7 +143,10 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
     }
   }
 
-  @else if $t==hover { // hovered button
+  @else if $t==hover {
+  //
+  // hovered button
+  //
     color: $tc;
     @include _button_border_color($c);
     background-image: linear-gradient(to bottom,
@@ -155,7 +161,10 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
     }
   }
 
-  @else if $t==active { // pushed button
+  @else if $t==active {
+  //
+  // pushed button
+  //
     color: $tc;
     @if $c!=$bg_color { @include _button_border_color($c); }
     @else { border-color: $borders_color; }
@@ -218,17 +227,24 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
     }
   }
 
-  @else if $t==backdrop { // backdrop button
-    color: $backdrop_fg_color;
-    border-color: $backdrop_borders_color;
-    background-image: linear-gradient(to bottom, $c);
+  @else if $t==backdrop {
+  //
+  // backdrop button
+  //
+    color: if($c!=$bg_color, $backdrop_bg_color, $backdrop_fg_color);
+    border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
+    background-image: linear-gradient(to bottom,
+                                      if($c!=bg_color,$c,$backdrop_bg_color));
     text-shadow: none;
     icon-shadow: none;
     @include _shadows(inset 0 1px transparentize(white,1),
                       0 1px transparentize(white,1));
   }
 
-  @else if $t==backdrop-active { // backdrop pushed button
+  @else if $t==backdrop-active {
+  //
+  // backdrop pushed button
+  //
     color: $backdrop_fg_color;
     border-color: $backdrop_borders_color;
     background-image: linear-gradient(to bottom,
@@ -237,14 +253,19 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
                       0 1px transparentize(white,1));
   }
 
-  @else if $t==backdrop-insensitive { // backdrop insensitive button
+  @else if $t==backdrop-insensitive {
+  //
+  // backdrop insensitive button
+  //
     color: $backdrop_insensitive_color;
     border-color: $backdrop_borders_color;
     box-shadow: inset 0 1px transparentize(white,1);
   }
 
-  @else if $t==backdrop-insensitive-active { // backdrop insensitive
-                                             // pushed button
+  @else if $t==backdrop-insensitive-active {
+  //
+  // backdrop insensitive pushed button
+  //
     color: $backdrop_insensitive_color;
     border-color: $backdrop_borders_color;
     background-image: linear-gradient(to bottom,
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 2a28ead..3d205e4 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -279,8 +279,8 @@ GtkGrid:insensitive {
     .button.suggested-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #eeeeec;
-      border-color: #1c1f1f;
+      color: #393f3f;
+      border-color: #2a76c6;
       background-image: linear-gradient(to bottom, #2a76c6);
       text-shadow: none;
       icon-shadow: none;
@@ -330,8 +330,8 @@ GtkGrid:insensitive {
     .button.destructive-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #eeeeec;
-      border-color: #1c1f1f;
+      color: #393f3f;
+      border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010);
       text-shadow: none;
       icon-shadow: none;
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 65a45c9..20369cf 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -279,8 +279,8 @@ GtkGrid:insensitive {
     .button.suggested-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #454f52;
-      border-color: #a1a1a1;
+      color: #ededed;
+      border-color: #4a90d9;
       background-image: linear-gradient(to bottom, #4a90d9);
       text-shadow: none;
       icon-shadow: none;
@@ -330,8 +330,8 @@ GtkGrid:insensitive {
     .button.destructive-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #454f52;
-      border-color: #a1a1a1;
+      color: #ededed;
+      border-color: #ef2929;
       background-image: linear-gradient(to bottom, #ef2929);
       text-shadow: none;
       icon-shadow: none;