[gnome-themes-standard] selected-mode: style buttons
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] selected-mode: style buttons
- Date: Fri, 13 Jun 2014 11:43:22 +0000 (UTC)
commit 33f304ce8c9c8c90fd2b24a5ed1421835943c80c
Author: Jakub Steiner <jimmac gmail com>
Date: Fri Jun 13 12:32:28 2014 +0200
selected-mode: style buttons
themes/Adwaita/gtk-3.0/_common.scss | 17 ++++-
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 116 +++++++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained.css | 116 +++++++++++++++++++++++++
3 files changed, 248 insertions(+), 1 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 83d7553..4da718a 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -626,7 +626,22 @@ GtkComboBox {
lighten($selected_bg_color,2%));
box-shadow: inset 0 -1px mix($borders_color,$bg_color, 30%), //bottom shade
inset 0 1px mix($borders_edge,$selected_bg_color, 50%); //top highlight
-
+ .button {
+ @include button(normal, $selected_bg_color, $selected_fg_color, noedge);
+ &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
+ &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
+ &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+ &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); }
+ &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color,
noedge); }
+ &.suggested-action {
+ @include button($t:normal, $noedge:true);
+ &:hover { @include button($t:hover,$noedge:true); }
+ &:active { @include button($t:active, $noedge:true); }
+ &:insensitive { @include button($t:insensitive, $noedge:true); }
+ &:backdrop { @include button($t:backdrop, $noedge:true); }
+ &:backdrop:insensitive { @include button($t:backdrop-insensitive, $noedge:true); }
+ }
+ }
}
.tiled &, .maximized & {
border-radius: 0; // squared corners when the window is max'd or tiled
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 606f42b..d794863 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -719,6 +719,122 @@ GtkComboBox {
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #256ab1, #2362a5);
box-shadow: inset 0 -1px #303535, inset 0 1px rgba(43, 100, 160, 0.55); }
+ .titlebar.selection-mode .button,
+ .header-bar.selection-mode .button {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
+ border-color: #0b1e33;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button:hover,
+ .header-bar.selection-mode .button:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button:active,
+ .header-bar.selection-mode .button:active {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #184472, #1c5187 3%);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .titlebar.selection-mode .button:insensitive,
+ .header-bar.selection-mode .button:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #939695;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #363a3a);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button:backdrop,
+ .header-bar.selection-mode .button:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #393f3f;
+ border-color: #215d9c;
+ background-image: linear-gradient(to bottom, #215d9c);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button:backdrop:insensitive,
+ .header-bar.selection-mode .button:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #454c4c;
+ border-color: #1e2222;
+ background-image: linear-gradient(to bottom, #393f3f);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action,
+ .header-bar.selection-mode .button.suggested-action {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+ border-color: #1c1f1f;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button.suggested-action:hover,
+ .header-bar.selection-mode .button.suggested-action:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button.suggested-action:active,
+ .header-bar.selection-mode .button.suggested-action:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .titlebar.selection-mode .button.suggested-action:insensitive,
+ .header-bar.selection-mode .button.suggested-action:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #939695;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #363a3a);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action:backdrop,
+ .header-bar.selection-mode .button.suggested-action:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #c9cbc9;
+ border-color: #1e2222;
+ background-image: linear-gradient(to bottom, #393f3f);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
+ .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #454c4c;
+ border-color: #1e2222;
+ background-image: linear-gradient(to bottom, #393f3f);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.tiled .titlebar, .maximized .titlebar, .tiled
.header-bar, .maximized
.header-bar {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index dc4b345..6b268b1 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -719,6 +719,122 @@ GtkComboBox {
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #5f9ddd, #5295db);
box-shadow: inset 0 -1px #d6d6d6, inset 0 1px #a4c7ec; }
+ .titlebar.selection-mode .button,
+ .header-bar.selection-mode .button {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ background-image: linear-gradient(to bottom, #89b7e6, #4a90d9 40%, #2a76c6);
+ border-color: #1c5187;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button:hover,
+ .header-bar.selection-mode .button:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c5187;
+ background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .titlebar.selection-mode .button:active,
+ .header-bar.selection-mode .button:active {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c5187;
+ background-image: linear-gradient(to bottom, #256ab1, #2974c2 3%, #2a76c6);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .titlebar.selection-mode .button:insensitive,
+ .header-bar.selection-mode .button:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #8d9091;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #f4f4f4);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button:backdrop,
+ .header-bar.selection-mode .button:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #ededed;
+ border-color: #4a90d9;
+ background-image: linear-gradient(to bottom, #4a90d9);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button:backdrop:insensitive,
+ .header-bar.selection-mode .button:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #c7c7c7;
+ border-color: #a8a8a8;
+ background-image: linear-gradient(to bottom, #ededed);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action,
+ .header-bar.selection-mode .button.suggested-action {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+ border-color: #a1a1a1;
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white; }
+ .titlebar.selection-mode .button.suggested-action:hover,
+ .header-bar.selection-mode .button.suggested-action:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white; }
+ .titlebar.selection-mode .button.suggested-action:active,
+ .header-bar.selection-mode .button.suggested-action:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .titlebar.selection-mode .button.suggested-action:insensitive,
+ .header-bar.selection-mode .button.suggested-action:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #8d9091;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #f4f4f4);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action:backdrop,
+ .header-bar.selection-mode .button.suggested-action:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #54595a;
+ border-color: #a8a8a8;
+ background-image: linear-gradient(to bottom, #ededed);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
+ .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #c7c7c7;
+ border-color: #a8a8a8;
+ background-image: linear-gradient(to bottom, #ededed);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.tiled .titlebar, .maximized .titlebar, .tiled
.header-bar, .maximized
.header-bar {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]