[gtk/gtk-3-24] Adwaita: headerbar backdrop state
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/gtk-3-24] Adwaita: headerbar backdrop state
- Date: Thu, 29 Nov 2018 13:36:12 +0000 (UTC)
commit 4cceccd129067917c2669f3119e88d634995a4fa
Author: Jakub Steiner <jimmac gmail com>
Date: Thu Nov 29 14:34:53 2018 +0100
Adwaita: headerbar backdrop state
gtk/theme/Adwaita/_common.scss | 8 +++++++-
gtk/theme/Adwaita/gtk-contained-dark.css | 4 +++-
gtk/theme/Adwaita/gtk-contained.css | 4 +++-
3 files changed, 13 insertions(+), 3 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 4ce6952a8c..23ecf54baa 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1790,10 +1790,16 @@ window.devel {
linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%));
}
- background: transparent $gradient;
+ background: $bg_color $gradient;
color: transparentize($fg_color,.9);
label { color: $fg_color; }
+
+ &:backdrop {
+ background: $bg_color -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat,
+ image($bg_color); /* background-color would flash */
+ color: transparentize($fg_color,.95);
+ }
}
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 09dbd469ad..f40447502d 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -692,10 +692,12 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
.titlebar:not(headerbar) separator { background-color: #252526; }
-window.devel headerbar.titlebar:not(.selection-mode) { background: transparent
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%,
rgba(21, 83, 158, 0.1)), linear-gradient(to top, #2d2d2e 3px, #323233); color: rgba(238, 238, 236, 0.1); }
+window.devel headerbar.titlebar:not(.selection-mode) { background: #3f3e40
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%,
rgba(21, 83, 158, 0.1)), linear-gradient(to top, #2d2d2e 3px, #323233); color: rgba(238, 238, 236, 0.1); }
window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; }
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3e40
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, image(#3f3e40); /* background-color would
flash */ color: rgba(238, 238, 236, 0.05); }
+
/************ Pathbars * */
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px;
padding-right: 4px; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index f8b490fb29..e920f12a8f 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -700,10 +700,12 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
.titlebar:not(headerbar) separator { background-color: #d6d1cd; }
-window.devel headerbar.titlebar:not(.selection-mode) { background: transparent
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%,
rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); color: rgba(46, 52, 54,
0.1); }
+window.devel headerbar.titlebar:not(.selection-mode) { background: #f6f5f4
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%,
rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); color: rgba(46, 52, 54,
0.1); }
window.devel headerbar.titlebar:not(.selection-mode) label { color: #2e3436; }
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f6f5f4
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, image(#f6f5f4); /* background-color would
flash */ color: rgba(46, 52, 54, 0.05); }
+
/************ Pathbars * */
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px;
padding-right: 4px; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]