[gnome-themes-standard] Widget theme: some more styling fixes to the new spinbuttons, added a new css file for experimenting
- From: Cosimo Cecchi <cosimoc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] Widget theme: some more styling fixes to the new spinbuttons, added a new css file for experimenting
- Date: Thu, 1 Dec 2011 02:32:32 +0000 (UTC)
commit 2e752aa9c6fbdc16a0305e6fc9046c3b1f9ffd75
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Wed Nov 30 17:01:37 2011 +0100
Widget theme: some more styling fixes to the new spinbuttons, added a new css file for experimenting with the scrollbars.
themes/Adwaita/gtk-3.0/Makefile.am | 1 +
themes/Adwaita/gtk-3.0/gtk-dark.css | 1 +
.../Adwaita/gtk-3.0/gtk-scrollbar-experiments.css | 46 ++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css | 10 ++--
.../Adwaita/gtk-3.0/gtk-widgets-borders-dark.css | 9 ++++
themes/Adwaita/gtk-3.0/gtk-widgets.css | 25 ++++++++---
themes/Adwaita/gtk-3.0/gtk.css | 3 +-
7 files changed, 82 insertions(+), 13 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/Makefile.am b/themes/Adwaita/gtk-3.0/Makefile.am
index 81ff87a..f5def06 100644
--- a/themes/Adwaita/gtk-3.0/Makefile.am
+++ b/themes/Adwaita/gtk-3.0/Makefile.am
@@ -5,6 +5,7 @@ theme_DATA = \
gnome-applications.css \
gtk.css \
gtk-dark.css \
+ gtk-scrollbar-experiments.css \
gtk-widgets.css \
gtk-widgets-backgrounds.css \
gtk-widgets-borders.css \
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.css b/themes/Adwaita/gtk-3.0/gtk-dark.css
index b46c81c..689c0c1 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.css
@@ -162,4 +162,5 @@
@import url("gtk-widgets-assets-dark.css");
@import url("gnome-applications.css");
@import url("gtk-widgets.css");
+ import url("gtk-scrollbar-experiments.css");
@import url("gtk-widgets-dark-overrides.css");
diff --git a/themes/Adwaita/gtk-3.0/gtk-scrollbar-experiments.css b/themes/Adwaita/gtk-3.0/gtk-scrollbar-experiments.css
new file mode 100644
index 0000000..d3d3a76
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/gtk-scrollbar-experiments.css
@@ -0,0 +1,46 @@
+.scrollbar {
+ background-image: none;
+ border-style: solid;
+ -GtkRange-trough-border: 2;
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+ -GtkRange-slider-width: 7;
+ -GtkScrollbar-min-slider-length: 30; /* minimum size for the slider. sadly can't be in '.slider' where it belongs */
+
+ -GtkRange-stepper-spacing: 1;
+ -GtkRange-trough-under-steppers: 1;
+}
+
+.scrollbar.trough {
+ background-image: none;
+ background-color: shade (@theme_bg_color, 0.882);
+ border-width: 0;
+ border-radius: 0;
+ border-image: none;
+}
+
+.scrollbar.slider {
+ background-image: none;
+ background-color: alpha(@theme_text_color, 0.3);
+ border-radius: 3;
+ border-style: none;
+ border-image: none;
+}
+
+.scrollbar.slider:prelight {
+ background-image: none;
+ background-color: alpha(@theme_text_color, 0.4);
+}
+
+.scrollbar.slider:prelight:active {
+ background-image: none;
+ background-color: @theme_selected_bg_color;
+}
+
+.scrollbar.slider:insensitive {
+ background-color: alpha(@theme_base_color, 0.2)
+}
+
+.scrollbar.trough:insensitive {
+ background-color: shade (@theme_bg_color, 0.882);
+}
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
index 1f009a5..8a56a31 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-backgrounds.css
@@ -99,13 +99,13 @@ GtkComboBox.combobox-entry .button:focus,
.primary-toolbar GtkComboBox.combobox-entry .button:active,
.primary-toolbar GtkComboBox.combobox-entry .button:hover:active,
GtkComboBox.combobox-entry .button:active,
-GtkComboBox.combobox-entry .button:hover:active {
+GtkComboBox.combobox-entry .button:hover:active,
+.spinbutton .button:active,
+.spinbutton .button:active:hover {
background-image: -gtk-gradient(linear,
left top, left bottom,
- from(shade(@entry_background_a, 0.95)),
- color-stop(0.20, shade(@entry_background_b, 0.95)),
- color-stop(0.85, shade(@entry_background_c, 0.95)),
- to(shade(@entry_background_d, 0.95)));
+ from(shade(@entry_background_a, 0.9)),
+ to(@entry_background_d));
}
/* Insensitive entry background */
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-borders-dark.css b/themes/Adwaita/gtk-3.0/gtk-widgets-borders-dark.css
index cc4567a..e8f13bc 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-borders-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-borders-dark.css
@@ -106,6 +106,15 @@ GtkSwitch.trough:active {
border-width: 2;
}
+/* Remove borders from primary toolbar buttons*/
+.primary-toolbar .button,
+.primary-toolbar .button:hover,
+.primary-toolbar .button:focus,
+.primary-toolbar .button:insensitive {
+ border-image: none;
+ border-style: none;
+}
+
/* column-headers borders */
column-header.button,
column-header .button,
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index aa9845e..68dc933 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -38,7 +38,7 @@
-GtkWidget-focus-padding: 2;
-GtkWidget-focus-line-width: 1;
- -adwaita-focus-border-color: alpha(@theme_text_color, 0.4);
+ -adwaita-focus-border-color: alpha(@theme_text_color, 0.3);
-adwaita-focus-border-radius: 2;
-adwaita-focus-fill-color: alpha(@theme_base_color, 0.0);
-adwaita-focus-border-gradient: none;
@@ -205,14 +205,19 @@ GtkTreeView .separator,
border-radius: 0;
border-style: solid;
border-image: none;
- border-color: alpha(@internal_element_color, 0.15);
-
- background-image: none;
- background-color: none;
+ border-color: @inset_dark_color;
box-shadow: none;
}
+.spinbutton .button,
+.spinbutton .button:prelight,
+.spinbutton .button:focus,
+.spinbutton .button:insensitive {
+ background-color: none;
+ background-image: none;
+}
+
.spinbutton .button:insensitive {
color: @internal_element_insensitive;
}
@@ -228,6 +233,7 @@ GtkTreeView .separator,
.spinbutton .button:first-child:focus,
.spinbutton .button:first-child:insensitive {
border-left-width: 0;
+ border-radius: 2 0 0 2;
}
.spinbutton .button:last-child,
@@ -236,6 +242,7 @@ GtkTreeView .separator,
.spinbutton .button:last-child:focus,
.spinbutton .button:last-child:insensitive {
border-width: 0;
+ border-radius: 0 2 2 0;
}
@@ -316,7 +323,7 @@ GtkScale.slider:insensitive {
border-style: none;
color: alpha(@theme_base_color, 0.0); /* FIXME */
- background-color: transparent;
+ background-color: none;
/* background-image in -assets variant */
}
@@ -837,9 +844,13 @@ GtkComboBox.combobox-entry .button:hover:active:first-child {
box-shadow: -1 0 inset @inset_dark_color;
}
+GtkComboBox.combobox-entry .button *:active,
+GtkComboBox.combobox-entry .button *:active:hover {
+ color: @theme_text_color;
+}
+
GtkComboBox .button {
color: @internal_element_color;
- padding: 2 3 2 6; /* FIXME */
}
GtkComboBox .button *:prelight {
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index 2d7a7ab..7f2c7e3 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -147,7 +147,7 @@
@define-color expander_row_selected_color #acccee;
@define-color inset_light_color alpha(white, 0.45);
- define-color inset_dark_color alpha(black, 0.10);
+ define-color inset_dark_color alpha(black, 0.07);
@define-color wm_highlight #ffffff;
@define-color wm_title_highlight #ffffff;
@@ -175,3 +175,4 @@
@import url("gnome-applications.css");
@import url("gtk-widgets.css");
/* @import url("gtk-widgets-window-unfocused.css"); */
+ import url("gtk-scrollbar-experiments.css");
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]