[gnome-themes-standard] set nicer text-shadow colors



commit 702432b0750233f6484f9e0470b8963b9c3cdad4
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Tue May 20 18:30:20 2014 +0200

    set nicer text-shadow colors

 themes/Adwaita/gtk-3.0/_drawing.scss     |   99 ++++++++++++++++--------------
 themes/Adwaita/gtk-3.0/gtk-contained.css |   36 ++++++------
 2 files changed, 71 insertions(+), 64 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_drawing.scss b/themes/Adwaita/gtk-3.0/_drawing.scss
index 843049e..e6e4df4 100644
--- a/themes/Adwaita/gtk-3.0/_drawing.scss
+++ b/themes/Adwaita/gtk-3.0/_drawing.scss
@@ -7,8 +7,8 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
                                              //since gtk doesn't draw (yet?)
                                              //outside the widget itself.
 
-$bright_text_shadow: white; //FIXME
-$dark_text_shadow: black; //FIXME
+$bright_text_shadow: transparentize(white,0.2);
+$dark_text_shadow: transparentize(black,0.6);
 
 @mixin _border-rounded() {
 }
@@ -94,7 +94,10 @@ $dark_text_shadow: black; //FIXME
   border-width: 1px;
   border-style: solid;
 
-  @if $t==normal { // normal button
+  @if $t==normal { 
+  // 
+  // normal button 
+  //
     color: $theme_fg_color;
     border-color: $borders_color;
     background-image: linear-gradient(to bottom,
@@ -102,40 +105,42 @@ $dark_text_shadow: black; //FIXME
                                       $theme_bg_color 40%,
                                       darken($theme_bg_color,10%)
                                       );
-
     @include _button_text_shadow;
-
     @include _button_box_shadow(inset 0 1px $borders_edge, 
                                 $widget_bottom_hilight);
   }
-
-  @else if $t==hover { // hovered button
+  @else if $t==hover { 
+  //
+  // hovered button
+  //
     color: $theme_fg_color;
     border-color: $borders_color;
     background-image: linear-gradient(to bottom,
                                       lighten($theme_bg_color,14%),
                                       lighten($theme_bg_color,4%) 40%,
                                       $theme_bg_color);
-
     @include _button_text_shadow;
     @include _button_box_shadow(inset 0 1px $borders_edge, 
                                 $widget_bottom_hilight);
   }
-
-  @else if $t==active { // pushed button
+  @else if $t==active { 
+  //
+  // pushed button
+  //
     color: $theme_fg_color;
     border-color: $borders_color;
     background-image: linear-gradient(to bottom,
                                       darken($theme_bg_color,20%),
                                       darken($theme_bg_color,15%) 5%,
                                       darken($theme_bg_color,10%));
-
     @include _button_text_shadow($theme_fg_color,$theme_bg_color);
     @include _button_box_shadow(inset 0 2px 3px -1px transparentize(black,0.7),
                                 $widget_bottom_hilight);
   }
-
-  @else if $t==insensitive { // insensitive button
+  @else if $t==insensitive { 
+  //
+  // insensitive button
+  //
     color: $insensitive_fg_color;
     border-color: $insensitive_fg_color;
     background-image: none;
@@ -143,20 +148,19 @@ $dark_text_shadow: black; //FIXME
     icon-shadow: none;
     @include _button_box_shadow($widget_bottom_hilight);
   }
-
-  @else if $t==insensitive-active { // insensitive pushed button
+  @else if $t==insensitive-active {
+  //
+  // insensitive pushed button
+  //
     color: $insensitive_fg_color;
     border-color: $insensitive_fg_color;
-
-    //background-image: none;
-
     @include _button_box_shadow(inset 0 2px 3px -1px transparentize(black,0.8),
                                 $widget_bottom_hilight);
-    //text-shadow: none;
-    //icon-shadow: none;
   }
-
-  @else if $t==backdrop { // backdrop button
+  @else if $t==backdrop { 
+  //
+  // backdrop button
+  //
     color: $backdrop_fg_color;
     border-color: $backdrop_borders_color;
     background-image: none;
@@ -164,26 +168,34 @@ $dark_text_shadow: black; //FIXME
     icon-shadow: none;
     box-shadow: none;
   }
-
-  @else if $t==backdrop-active { // backdrop pushed button
+  @else if $t==backdrop-active {
+  //
+  // backdrop pushed button
+  //
     color: $backdrop_bg_color;
     border-color: $backdrop_borders_color;
     background-image: linear-gradient(to bottom, $backdrop_fg_color);
   }
-
-  @else if $t==backdrop-insensitive { // backdrop insensitive button
+  @else if $t==backdrop-insensitive { 
+  //
+  // backdrop insensitive button
+  //
     color: $backdrop_insensitive_color;
     border-color: $backdrop_insensitive_color;
   }
-
-  @else if $t==backdrop-insensitive-active { // backdrop insensitive 
-                                             // pushed button
+  @else if $t==backdrop-insensitive-active { 
+  //
+  // backdrop insensitive pushed button
+  //
     color: $backdrop_bg_color;
     border-color: $backdrop_insensitive_color;
     background-image: linear-gradient(to bottom, $backdrop_insensitive_color);
     box-shadow: none;
   }
-  @else if $t==colored { // custom colored button
+  @else if $t==colored { 
+  //
+  // custom colored button
+  //
     // if the text color is specified use it, otherwise use the default
     @if $tc { 
       color: $tc;
@@ -193,19 +205,18 @@ $dark_text_shadow: black; //FIXME
       color: $theme_base_color;
       @include _button_text_shadow($theme_base_color);
     }
-
     @include _button_border_custom_color($c);
-
     background-image: linear-gradient(to bottom,
                                       lighten($c,10%),
                                       $c 40%,
                                       darken($c,10%)
                                       );
-
     @include _button_box_shadow($widget_bottom_hilight);
-    
   }
-  @else if $t==colored-hover { // custom colored hovered button
+  @else if $t==colored-hover { 
+  //
+  // custom colored hovered button
+  //
     @if $tc { 
       color: $tc;
       @include _button_text_shadow($tc);
@@ -214,19 +225,18 @@ $dark_text_shadow: black; //FIXME
       color: $theme_base_color;
       @include _button_text_shadow($theme_base_color);
     }
-
     @include _button_border_custom_color($c);
-
     background-image: linear-gradient(to bottom,
                                       lighten($c,14%),
                                       lighten($c,4%) 40%,
                                       $c);
-
     @include _button_box_shadow(inset 0 1px $borders_edge,
                                $widget_bottom_hilight);
-
   }
-  @else if $t==colored-active { // custom colored pushed button
+  @else if $t==colored-active { 
+  //
+  // custom colored pushed button
+  //
     @if $tc { 
       color: $tc;
       @include _button_text_shadow($tc);
@@ -235,24 +245,21 @@ $dark_text_shadow: black; //FIXME
       color: $theme_base_color;
       @include _button_text_shadow($theme_base_color);
     };
-
     @include _button_border_custom_color($c);
-
     background-image: linear-gradient(to bottom,
                                       darken($c,20%),
                                       darken($c,15%) 5%,
                                       darken($c,10%));
-
     @include _button_box_shadow(inset 0 2px 3px -1px transparentize(black,0.7),
                                 $widget_bottom_hilight);
-
   }
   @else if $t==colored-backdrop {
+  //
+  // custom colored backdrop button
+  //
     color: $c;
     border-color: $c;
-    
     background-image: none;
-
     text-shadow: none;
     icon-shadow: none;
     box-shadow: none;
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 2034c0c..a3853ef 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -163,8 +163,8 @@ GtkGrid:insensitive {
   color: #2e3436;
   border-color: #a1a1a1;
   background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
-  text-shadow: 0 1px white;
-  icon-shadow: 0 1px white;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
   /* Suggested and Destructive Action buttons */ }
   .button:hover,
@@ -177,8 +177,8 @@ GtkGrid:insensitive {
     color: #2e3436;
     border-color: #a1a1a1;
     background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
-    text-shadow: 0 1px white;
-    icon-shadow: 0 1px white;
+    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05); }
   .button:active,
   .toolbar .button.raised:active,
@@ -267,8 +267,8 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    text-shadow: 0 -1px black;
-    icon-shadow: 0 -1px black;
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+    icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
     border-color: #2b537d;
     background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
     box-shadow: 0 1px rgba(255, 255, 255, 0.05); }
@@ -280,8 +280,8 @@ GtkGrid:insensitive {
       border-width: 1px;
       border-style: solid;
       color: white;
-      text-shadow: 0 -1px black;
-      icon-shadow: 0 -1px black;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
       border-color: #2b537d;
       background-image: linear-gradient(to bottom, #a7c3e1, #81a9d4 40%, #729fcf);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05); }
@@ -293,8 +293,8 @@ GtkGrid:insensitive {
       border-width: 1px;
       border-style: solid;
       color: white;
-      text-shadow: 0 -1px black;
-      icon-shadow: 0 -1px black;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
       border-color: #2b537d;
       background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2);
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
@@ -341,8 +341,8 @@ GtkGrid:insensitive {
     border-width: 1px;
     border-style: solid;
     color: white;
-    text-shadow: 0 -1px black;
-    icon-shadow: 0 -1px black;
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+    icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
     border-color: #760909;
     background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
     box-shadow: 0 1px rgba(255, 255, 255, 0.05); }
@@ -354,8 +354,8 @@ GtkGrid:insensitive {
       border-width: 1px;
       border-style: solid;
       color: white;
-      text-shadow: 0 -1px black;
-      icon-shadow: 0 -1px black;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
       border-color: #760909;
       background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05); }
@@ -367,8 +367,8 @@ GtkGrid:insensitive {
       border-width: 1px;
       border-style: solid;
       color: white;
-      text-shadow: 0 -1px black;
-      icon-shadow: 0 -1px black;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.4);
       border-color: #760909;
       background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 5%, #d51010);
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
@@ -648,8 +648,8 @@ GtkPopover {
     color: #2e3436;
     border-color: #a1a1a1;
     background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
-    text-shadow: 0 1px white;
-    icon-shadow: 0 1px white;
+    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05); }
   .button.titlebutton:active {
     border-width: 1px;


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