[gnome-themes-standard] set nicer text-shadow colors
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] set nicer text-shadow colors
- Date: Mon, 9 Jun 2014 13:09:38 +0000 (UTC)
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]