[gnome-themes-standard] Widget theme: Progressbars refresh.
- From: Cosimo Cecchi <cosimoc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] Widget theme: Progressbars refresh.
- Date: Thu, 1 Dec 2011 02:29:30 +0000 (UTC)
commit 1dd3c4c8a9e28e39bc316ca22effac2de75f84df
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Mon Nov 21 12:39:23 2011 +0100
Widget theme: Progressbars refresh.
.../gtk-3.0/assets/progressbar-border-vertical.svg | 98 --------------------
.../Adwaita/gtk-3.0/assets/progressbar-border.svg | 97 -------------------
themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css | 11 ++
themes/Adwaita/gtk-3.0/gtk-widgets-borders.css | 24 +----
themes/Adwaita/gtk-3.0/gtk-widgets.css | 47 +++-------
themes/Adwaita/gtk-3.0/gtk.css | 4 +-
6 files changed, 32 insertions(+), 249 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
index 58fd9aa..1d89707 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
@@ -40,6 +40,9 @@
.toolbar .button:active,
.toolbar .button:hover:active,
.primary-toolbar .button:active:focus,
+.trough,
+.trough row,
+.trough row:hover,
GtkSwitch.trough {
background-image: -gtk-gradient (linear,
left top, left bottom,
@@ -47,6 +50,14 @@ GtkSwitch.trough {
to (alpha (@button_active_gradient_color_b, 0.13)));
}
+/* Flipped pushed button background for vertical progressbar through and the like */
+.trough.vertical {
+ background-image: -gtk-gradient (linear,
+ left top, right top,
+ from (@button_active_gradient_color_a),
+ to (alpha (@button_active_gradient_color_b, 0.13)));
+}
+
/* Pushed buttons background for window unfocused state */
.button:active:window-unfocused,
.button:hover:active:window-unfocused,
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-borders.css b/themes/Adwaita/gtk-3.0/gtk-widgets-borders.css
index 5617507..acbcf23 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-borders.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-borders.css
@@ -8,6 +8,9 @@ GtkComboBox.combobox-entry .button:focus,
.button:active,
.button:active:hover,
.button:insensitive,
+.trough,
+.trough row,
+.trough row:hover,
GtkSwitch.trough,
GtkSwitch.trough:insensitive {
border-image: url("borders/generic-border.svg") 3 3 4 3 / 3 3 4 3 stretch;
@@ -131,27 +134,6 @@ GtkScale.progressbar.vertical {
border-image: url("assets/trough-active-border-vertical.svg") 2 / 2 stretch;
}
-/*GtkSwitch.slider {
- border-image: url("assets/switch-slider-border.svg") 2 / 2 stretch;
-}
-
-GtkSwitch.slider:active {
- border-image: url("assets/switch-slider-active-border.svg") 2 / 2 stretch;
-}*/
-
-.progressbar,
-.entry.progressbar,
-.progressbar row,
-.progressbar row:hover,
-.progressbar row:selected,
-.progressbar row:selected:focus {
- border-image: url("assets/progressbar-border.svg") 3 / 3 stretch;
-}
-
-.progressbar.vertical {
- border-image: url("assets/progressbar-border-vertical.svg") 3 / 3 stretch;
-}
-
/* generic element borders for :window-unfocused */
.entry:window-unfocused,
GtkComboBox.combobox-entry .entry:window-unfocused,
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index 0f1be2a..e9a6008 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -252,62 +252,44 @@ GtkTreeView .separator,
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@progressbar_background_a),
- to (@progressbar_background_b));
+ color-stop (0.75, @progressbar_background_b),
+ to (shade(@progressbar_background_a, 0.85)));
border-radius: 3;
border-width: 1;
- border-style: none;
- /* border-image defined in the -assets variant */
+ border-style: solid;
+ border-color: @progressbar_border;
+ box-shadow: 1 1 alpha(white, 0.2) inset, -1 -1 alpha(white, 0.1) inset;
-adwaita-progressbar-pattern: -gtk-gradient (linear,
left top, right bottom,
from (alpha (@progressbar_pattern, 0.00)),
color-stop (0.49, alpha (@progressbar_pattern, 0.00)),
- color-stop (0.50, alpha (@progressbar_pattern, 0.10)),
- to (alpha (@progressbar_pattern, 0.10)));
+ color-stop (0.50, alpha (@progressbar_pattern, 0.25)),
+ to (alpha (@progressbar_pattern, 0.25)));
}
.progressbar.vertical {
background-image: -gtk-gradient (linear,
left top, right top,
from (@progressbar_background_a),
- to (@progressbar_background_b));
+ color-stop (0.75, @progressbar_background_b),
+ to (shade(@progressbar_background_a, 0.85)));
-adwaita-progressbar-pattern: -gtk-gradient (linear,
left bottom, right top,
from (alpha (@progressbar_pattern, 0.00)),
color-stop (0.49, alpha (@progressbar_pattern, 0.00)),
- color-stop (0.50, alpha (@progressbar_pattern, 0.10)),
- to (alpha (@progressbar_pattern, 0.10)));
+ color-stop (0.50, alpha (@progressbar_pattern, 0.25)),
+ to (alpha (@progressbar_pattern, 0.25)));
}
/* through component */
GtkProgressBar,
.trough row {
- padding: 0;
- -GtkProgressBar-xspacing: 22;
- -GtkProgressBar-yspacing: 22;
-}
-
-.trough,
-.trough row,
-.trough row:hover {
- background-image: -gtk-gradient (linear,
- left top, left bottom,
- from (@trough_bg_color_a),
- to (@trough_bg_color_b));
-
- border-width: 1;
- border-style: solid;
- border-radius: 3;
- border-color: shade (@inactive_frame_color, 0.8);
-}
-
-.trough.vertical {
- background-image: -gtk-gradient (linear,
- left top, right top,
- from (@trough_bg_color_a),
- to (@trough_bg_color_b));
+ padding: 0 0 1 0;
+ -GtkProgressBar-xspacing: 20;
+ -GtkProgressBar-yspacing: 20;
}
.trough row:selected,
@@ -876,6 +858,7 @@ GtkComboBox .button *:prelight {
background-color: shade (@theme_bg_color, 0.882);
border-width: 0;
border-radius: 0;
+ border-image: none;
}
.scrollbar.slider,
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index 1c53b1d..ba1fe3b 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -93,7 +93,9 @@
@define-color progressbar_background_a #76b0ec;
@define-color progressbar_background_b #1f72c6;
- define-color progressbar_pattern #000000;
+/* define-color progressbar_pattern #000000;*/
+ define-color progressbar_pattern @switch_slider_active_border;
+ define-color progressbar_border @switch_slider_active_border;
@define-color entry_text_color @theme_text_color;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]