[gnome-themes-standard/wip/sass] infobar: initial implementation
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] infobar: initial implementation
- Date: Thu, 5 Jun 2014 17:52:21 +0000 (UTC)
commit e3793f849069b66a1fef426e106cfc417e5f5602
Author: Jakub Steiner <jimmac gmail com>
Date: Thu Jun 5 19:52:05 2014 +0200
infobar: initial implementation
themes/Adwaita/gtk-3.0/_common.scss | 26 ++++++++
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 86 +++++++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained.css | 86 +++++++++++++++++++++++++
3 files changed, 198 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 258e579..4d9406c 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1314,6 +1314,32 @@ GtkMessageDialog {
}
}
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+ border-width: 0;
+ border-style: none;
+}
+
+.info,
+.question,
+.warning,
+.error {
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ text-shadow: 0 1px darken($selected_bg_color, 10%);
+ border-color: darken($selected_bg_color, 10%);
+ .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); }
+ }
+}
+
/**********************
* Window Decorations *
*********************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index b52148a..a65c733 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1460,6 +1460,92 @@ GtkMessageDialog {
.sidebar .view:selected {
background-color: #215d9c; }
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+ border-width: 0;
+ border-style: none; }
+
+.info,
+.question,
+.warning,
+.error {
+ background-color: #215d9c;
+ color: white;
+ text-shadow: 0 1px #184472;
+ border-color: #184472; }
+ .info .button,
+ .question .button,
+ .warning .button,
+ .error .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); }
+ .info .button:hover,
+ .question .button:hover,
+ .warning .button:hover,
+ .error .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); }
+ .info .button:active,
+ .question .button:active,
+ .warning .button:active,
+ .error .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); }
+ .info .button:insensitive,
+ .question .button:insensitive,
+ .warning .button:insensitive,
+ .error .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); }
+ .info .button:backdrop,
+ .question .button:backdrop,
+ .warning .button:backdrop,
+ .error .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); }
+ .info .button:backdrop:insensitive,
+ .question .button:backdrop:insensitive,
+ .warning .button:backdrop:insensitive,
+ .error .button:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #454c4c;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #393f3f);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
/**********************
* Window Decorations *
*********************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 187598a..06b8e1e 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1460,6 +1460,92 @@ GtkMessageDialog {
.sidebar .view:selected {
background-color: #4a90d9; }
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+ border-width: 0;
+ border-style: none; }
+
+.info,
+.question,
+.warning,
+.error {
+ background-color: #4a90d9;
+ color: white;
+ text-shadow: 0 1px #2a76c6;
+ border-color: #2a76c6; }
+ .info .button,
+ .question .button,
+ .warning .button,
+ .error .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); }
+ .info .button:hover,
+ .question .button:hover,
+ .warning .button:hover,
+ .error .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); }
+ .info .button:active,
+ .question .button:active,
+ .warning .button:active,
+ .error .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); }
+ .info .button:insensitive,
+ .question .button:insensitive,
+ .warning .button:insensitive,
+ .error .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); }
+ .info .button:backdrop,
+ .question .button:backdrop,
+ .warning .button:backdrop,
+ .error .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); }
+ .info .button:backdrop:insensitive,
+ .question .button:backdrop:insensitive,
+ .warning .button:backdrop:insensitive,
+ .error .button:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #c7c7c7;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #ededed);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
/**********************
* Window Decorations *
*********************/
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]