[gnome-themes-standard] added text-shadow and icon-shadows to buttons



commit 5a7bfe1d91bde2a9bbe32ff9bf24a8022790b72d
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Fri May 16 20:14:27 2014 +0200

    added text-shadow and icon-shadows to buttons

 themes/Adwaita/gtk-3.0/_drawing.scss     |    8 +++
 themes/Adwaita/gtk-3.0/gtk-contained.css |  100 ++++++++++++++++++++++++++----
 2 files changed, 95 insertions(+), 13 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_drawing.scss b/themes/Adwaita/gtk-3.0/_drawing.scss
index f504fb8..a318734 100644
--- a/themes/Adwaita/gtk-3.0/_drawing.scss
+++ b/themes/Adwaita/gtk-3.0/_drawing.scss
@@ -30,6 +30,8 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
                                       );
   @include button-box-shadow(inset 0 1px $borders_edge, 
                              $widget_bottom_hilight);
+  text-shadow: 0 1px lighten($c,50%); //FIXME?
+  icon-shadow: 0 1px lighten($c,50%); //FIXME?
 }
 
 @mixin button_hover ($c) {
@@ -49,12 +51,16 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
                                       darken($c,20%),
                                       darken($c,15%) 5%,
                                       darken($c,10%));
+  text-shadow: 0 1px $c;
+  icon-shadow: 0 1px $c;
 }
 
 @mixin button_backdrop ($c) {
   @include button_normal($c);
   background-image: none;
   box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
 }
 
 @mixin button_insensitive ($c) {
@@ -62,6 +68,8 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
   @include button_box_shadow ($widget_bottom_hilight);
   background-color: transparentize($c,0.5);
   background-image: none;
+  text-shadow: none;
+  icon-shadow: none;
 }
 
 @mixin button_insensitive_active ($c) {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 48df129..7112fa4 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -168,6 +168,8 @@ GtkGrid:insensitive {
   background-color: #ededed;
   background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+  text-shadow: 0 1px white;
+  icon-shadow: 0 1px white;
   /* Suggested and Destructive Action buttons */ }
   .button:hover,
   .toolbar .button.raised:hover,
@@ -178,6 +180,8 @@ GtkGrid:insensitive {
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); }
   .button:active,
   .toolbar .button.raised:active,
@@ -188,8 +192,12 @@ GtkGrid:insensitive {
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
-    background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray); }
+    background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray);
+    text-shadow: 0 1px #ededed;
+    icon-shadow: 0 1px #ededed; }
   .button:backdrop,
   .toolbar .button.raised:backdrop,
   .toolbar .raised .button:backdrop,
@@ -199,8 +207,12 @@ GtkGrid:insensitive {
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     background-image: none;
     box-shadow: none;
+    text-shadow: none;
+    icon-shadow: none;
     color: #748489; }
     .button:backdrop:active,
     .toolbar .button.raised:backdrop:active,
@@ -211,8 +223,12 @@ GtkGrid:insensitive {
       background-color: lightgray;
       background-image: linear-gradient(to bottom, #ededed, lightgray 40%, #bababa);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       background-image: none;
       box-shadow: none;
+      text-shadow: none;
+      icon-shadow: none;
       box-shadow: none;
       border: 1px solid #a1a1a1;
       color: #2e3436; }
@@ -225,9 +241,13 @@ GtkGrid:insensitive {
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     box-shadow: 0 1px rgba(255, 255, 255, 0.05);
     background-color: rgba(237, 237, 237, 0.5);
-    background-image: none; }
+    background-image: none;
+    text-shadow: none;
+    icon-shadow: none; }
     .button:insensitive:active,
     .toolbar .button.raised:insensitive:active,
     .toolbar .raised .button:insensitive:active,
@@ -237,9 +257,13 @@ GtkGrid:insensitive {
       background-color: #ededed;
       background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       box-shadow: 0 1px rgba(255, 255, 255, 0.05);
       background-color: rgba(237, 237, 237, 0.5);
       background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05); }
   .button:backdrop:insensitive,
   .toolbar .button.raised:backdrop:insensitive,
@@ -250,9 +274,13 @@ GtkGrid:insensitive {
     background-color: rgba(237, 237, 237, 0.5);
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(237, 237, 237, 0.5) 40%, 
rgba(211, 211, 211, 0.5));
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.5);
     box-shadow: 0 1px rgba(255, 255, 255, 0.05);
     background-color: rgba(237, 237, 237, 0);
-    background-image: none; }
+    background-image: none;
+    text-shadow: none;
+    icon-shadow: none; }
   .button.suggested-action,
   .toolbar .button.raised.suggested-action,
   .toolbar .raised .button.suggested-action,
@@ -262,6 +290,8 @@ GtkGrid:insensitive {
     background-color: #729fcf;
     background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     color: white; }
     .button.suggested-action:active, .button.suggested-action:hover:active,
     .toolbar .button.raised.suggested-action:active,
@@ -276,8 +306,12 @@ GtkGrid:insensitive {
       background-color: #729fcf;
       background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
-      background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2); }
+      background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2);
+      text-shadow: 0 1px #729fcf;
+      icon-shadow: 0 1px #729fcf; }
     .button.suggested-action:hover,
     .toolbar .button.raised.suggested-action:hover,
     .toolbar .raised .button.suggested-action:hover,
@@ -287,6 +321,8 @@ GtkGrid:insensitive {
       background-color: #729fcf;
       background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       background-image: linear-gradient(to bottom, #a7c3e1, #81a9d4 40%, #729fcf); }
     .button.suggested-action:backdrop,
     .toolbar .button.raised.suggested-action:backdrop,
@@ -297,8 +333,12 @@ GtkGrid:insensitive {
       background-color: #729fcf;
       background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       background-image: none;
-      box-shadow: none; }
+      box-shadow: none;
+      text-shadow: none;
+      icon-shadow: none; }
     .button.suggested-action:insensitive,
     .toolbar .button.raised.suggested-action:insensitive,
     .toolbar .raised .button.suggested-action:insensitive,
@@ -309,9 +349,13 @@ GtkGrid:insensitive {
       background-color: #ededed;
       background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       box-shadow: 0 1px rgba(255, 255, 255, 0.05);
       background-color: rgba(237, 237, 237, 0.5);
-      background-image: none; }
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none; }
       .button.suggested-action:insensitive:backdrop,
       .toolbar .button.raised.suggested-action:insensitive:backdrop,
       .toolbar .raised .button.suggested-action:insensitive:backdrop,
@@ -321,9 +365,13 @@ GtkGrid:insensitive {
         background-color: rgba(237, 237, 237, 0.5);
         background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(237, 237, 237, 0.5) 40%, 
rgba(211, 211, 211, 0.5));
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+        icon-shadow: 0 1px rgba(255, 255, 255, 0.5);
         box-shadow: 0 1px rgba(255, 255, 255, 0.05);
         background-color: rgba(237, 237, 237, 0);
-        background-image: none; }
+        background-image: none;
+        text-shadow: none;
+        icon-shadow: none; }
     .button.suggested-action GtkLabel:backdrop:insensitive,
     .toolbar .button.raised.suggested-action GtkLabel:backdrop:insensitive,
     .toolbar .raised .button.suggested-action GtkLabel:backdrop:insensitive,
@@ -339,6 +387,8 @@ GtkGrid:insensitive {
     background-color: #ef2929;
     background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     color: white; }
     .button.destructive-action:active, .button.destructive-action:hover:active,
     .toolbar .button.raised.destructive-action:active,
@@ -353,8 +403,12 @@ GtkGrid:insensitive {
       background-color: #ef2929;
       background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
-      background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 5%, #d51010); }
+      background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 5%, #d51010);
+      text-shadow: 0 1px #ef2929;
+      icon-shadow: 0 1px #ef2929; }
     .button.destructive-action:hover,
     .toolbar .button.raised.destructive-action:hover,
     .toolbar .raised .button.destructive-action:hover,
@@ -364,6 +418,8 @@ GtkGrid:insensitive {
       background-color: #ef2929;
       background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
     .button.destructive-action:backdrop,
     .toolbar .button.raised.destructive-action:backdrop,
@@ -374,8 +430,12 @@ GtkGrid:insensitive {
       background-color: #ef2929;
       background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       background-image: none;
-      box-shadow: none; }
+      box-shadow: none;
+      text-shadow: none;
+      icon-shadow: none; }
     .button.destructive-action:insensitive,
     .toolbar .button.raised.destructive-action:insensitive,
     .toolbar .raised .button.destructive-action:insensitive,
@@ -386,9 +446,13 @@ GtkGrid:insensitive {
       background-color: #ededed;
       background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+      text-shadow: 0 1px white;
+      icon-shadow: 0 1px white;
       box-shadow: 0 1px rgba(255, 255, 255, 0.05);
       background-color: rgba(237, 237, 237, 0.5);
-      background-image: none; }
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none; }
       .button.destructive-action:insensitive:backdrop,
       .toolbar .button.raised.destructive-action:insensitive:backdrop,
       .toolbar .raised .button.destructive-action:insensitive:backdrop,
@@ -398,9 +462,13 @@ GtkGrid:insensitive {
         background-color: rgba(237, 237, 237, 0.5);
         background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(237, 237, 237, 0.5) 40%, 
rgba(211, 211, 211, 0.5));
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+        icon-shadow: 0 1px rgba(255, 255, 255, 0.5);
         box-shadow: 0 1px rgba(255, 255, 255, 0.05);
         background-color: rgba(237, 237, 237, 0);
-        background-image: none; }
+        background-image: none;
+        text-shadow: none;
+        icon-shadow: none; }
     .button.destructive-action GtkLabel:backdrop:insensitive,
     .toolbar .button.raised.destructive-action GtkLabel:backdrop:insensitive,
     .toolbar .raised .button.destructive-action GtkLabel:backdrop:insensitive,
@@ -436,15 +504,21 @@ GtkGrid:insensitive {
     border: 1px solid #a1a1a1;
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05); }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white; }
   .button.titlebutton:active {
     padding: 8px;
     border: 1px solid #a1a1a1;
     background-color: #ededed;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+    text-shadow: 0 1px white;
+    icon-shadow: 0 1px white;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
-    background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray); }
+    background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray);
+    text-shadow: 0 1px #ededed;
+    icon-shadow: 0 1px #ededed; }
 
 .linked .button {
   padding: 6px;


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