[gnome-themes-standard/wip/sass] make dark button less raised



commit 050a80c5fe701536eb140f27f439c06ca0025a40
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed May 21 13:44:15 2014 +0200

    make dark button less raised

 themes/Adwaita/gtk-3.0/_drawing.scss          |   19 ++++++++++++++-----
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |    8 ++++----
 themes/Adwaita/gtk-3.0/gtk-contained.css      |    4 ++--
 3 files changed, 20 insertions(+), 11 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_drawing.scss b/themes/Adwaita/gtk-3.0/_drawing.scss
index a67b3e7..8dd6264 100644
--- a/themes/Adwaita/gtk-3.0/_drawing.scss
+++ b/themes/Adwaita/gtk-3.0/_drawing.scss
@@ -79,11 +79,20 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
 
   @if $t==normal { // normal button
     color: $tc;
-    background-image: linear-gradient(to bottom,
-                                      lighten($c,10%),
-                                      $c 40%,
-                                      darken($c,10%)
-                                      );
+    @if lightness($c) < 50% { //darker buttons need a less contrasty gradient
+      background-image: linear-gradient(to bottom,
+                                  lighten($c,5%),
+                                  $c 40%,
+                                  darken($c,5%)
+                                  );
+    }
+    @else {
+      background-image: linear-gradient(to bottom,
+                                  lighten($c,15%),
+                                  $c 40%,
+                                  darken($c,10%)
+                                  );
+    }
 
     @if $colored_button { @include _button_border_color($c); }
     @else { border-color: $borders_color; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index b7aa0e4..f06af06 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -158,7 +158,7 @@ GtkGrid:insensitive {
   border-width: 1px;
   border-style: solid;
   color: #eeeeec;
-  background-image: linear-gradient(to bottom, #515a5a, #393f3f 40%, #212424);
+  background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
   border-color: #1c1f1f;
   text-shadow: 0 -1px rgba(17, 17, 19, 0.5);
   icon-shadow: 0 -1px rgba(17, 17, 19, 0.5);
@@ -265,7 +265,7 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    background-image: linear-gradient(to bottom, #4a90d9, #2a76c6 40%, #215d9c);
+    background-image: linear-gradient(to bottom, #3583d5, #2a76c6 40%, #256ab1);
     border-color: #215d9c;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.5);
@@ -339,7 +339,7 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    background-image: linear-gradient(to bottom, #ef2929, #d51010 40%, #a60c0c);
+    background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
     border-color: #a60c0c;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.5);
@@ -669,7 +669,7 @@ GtkPopover {
     border-width: 1px;
     border-style: solid;
     color: #eeeeec;
-    background-image: linear-gradient(to bottom, #515a5a, #393f3f 40%, #212424);
+    background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
     border-color: #1c1f1f;
     text-shadow: 0 -1px rgba(17, 17, 19, 0.5);
     icon-shadow: 0 -1px rgba(17, 17, 19, 0.5);
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index c943239..ee48097 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -265,7 +265,7 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
+    background-image: linear-gradient(to bottom, #abc6e2, #729fcf 40%, #4c85c2);
     border-color: #2b537d;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.5);
@@ -339,7 +339,7 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
+    background-image: linear-gradient(to bottom, #f47070, #ef2929 40%, #d51010);
     border-color: #760909;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.5);


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