diff options
author | Jakub Steiner <jimmac@gmail.com> | 2018-11-29 14:34:53 +0100 |
---|---|---|
committer | Jakub Steiner <jimmac@gmail.com> | 2018-11-29 14:34:53 +0100 |
commit | b5fd7b3211e611469604c0984b846e6cfb7f37a9 (patch) | |
tree | ee304a338bbbe1db7489038babfcb268ae9753ff | |
parent | e9fe9410e02ee627a932518dd992a36884d99a4b (diff) | |
download | gtk+-b5fd7b3211e611469604c0984b846e6cfb7f37a9.tar.gz |
Adwaita: headerbar backdrop state
-rw-r--r-- | gtk/theme/Adwaita/_common.scss | 8 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained-dark.css | 4 | ||||
-rw-r--r-- | 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 fb7e20b333..efe76e8ed7 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -1740,10 +1740,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 8b825b6dd7..e0b185d432 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -698,10 +698,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 28d17120ac..7d5a61459b 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -706,10 +706,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; } |