[gnome-themes-standard: 6/26] adwaita: theme buttons according to mockups
- From: Cosimo Cecchi <cosimoc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard: 6/26] adwaita: theme buttons according to mockups
- Date: Fri, 4 Mar 2011 03:31:20 +0000 (UTC)
commit c8bdc8323359dc670aa90819506bd234e07256cd
Author: Cosimo Cecchi <cosimoc gnome org>
Date: Wed Mar 2 13:55:37 2011 -0500
adwaita: theme buttons according to mockups
themes/Adwaita/gtk-3.0/gtk.css | 44 ++++++++++++++++-----------------------
1 files changed, 18 insertions(+), 26 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index 0722e1e..3690f83 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -42,7 +42,11 @@
@define-color chrome_fg_color #fff;
@define-color focused_entry_border #579eea;
+
+ define-color button_gradient_color_a #f4f6f4;
+ define-color button_gradient_color_b #d7dad7;
@define-color button_border #a7aba7;
+ define-color button_active_gradient_color #a2a9a2;
@define-color insensitive_bg_color #f4f4f2;
@define-color insensitive_fg_color #a7aba7;
@@ -304,7 +308,9 @@ GtkScrollbar.button:insensitive {
background-color: lighter (@theme_bg_color);
}
-/* Buttons */
+/***********
+ * Buttons *
+ ***********/
.button {
padding: 3;
@@ -320,31 +326,27 @@ GtkScrollbar.button:insensitive {
background-image: -gtk-gradient (linear,
left top, left bottom,
- from (shade (@theme_bg_color, 1.06)),
- to (shade (@theme_bg_color, 0.95)));
+ from (@button_gradient_color_a),
+ to (@button_gradient_color_b));
}
-.button:hover {
+.button:hover,
+.toolbar .button:hover {
border-color: @button_border;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@theme_base_color),
- to (shade (@theme_bg_color, 0.97)));
-}
-
-.button:active {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (shade (@theme_bg_color, 0.86)),
- to (shade (@theme_bg_color, 1.09)));
+ to (shade (@button_gradient_color_a, 0.94)));
}
+.button:active,
+.toolbar .button:active,
.button:hover:active,
.toolbar .button:hover:active {
background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (shade (@highlighted_border, 1.175)),
- to (alpha (shade (@highlighted_border, 0.95), 0.125)));
+ left top, left bottom,
+ from (@button_active_gradient_color),
+ to (alpha (shade (@button_active_gradient_color, 0.83), 0.13)));
border-color: @highlighted_border;
}
@@ -354,19 +356,9 @@ GtkScrollbar.button:insensitive {
color: @insensitive_fg_color;
}
-.toolbar .button:prelight {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (shade (@theme_bg_color, 1.035)),
- to (shade (@inactive_frame_color, 1.09)));
- border-style: solid;
- border-radius: 3;
- border-width: 1;
- border-color: @button_border;
-}
-
.button.default {
border-width: 2;
+ border-color: shade (@button_border, 1.10);
}
GtkStatusbar {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]