From ab0e4abdda72ad907692ac670a3b49681a7861cf Mon Sep 17 00:00:00 2001 From: Ernestas Kulik Date: Fri, 23 Mar 2018 20:35:26 +0200 Subject: Add custom header bar style back MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit It’s a bit ugly how the path bar is stepped around and there are some issues with contrast, but I’m not sure how to avoid that. --- src/resources/css/Adwaita.css | 117 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 116 insertions(+), 1 deletion(-) diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css index c6f4e6d41..e5357a356 100644 --- a/src/resources/css/Adwaita.css +++ b/src/resources/css/Adwaita.css @@ -60,6 +60,121 @@ color: mix(@theme_bg_color, @theme_fg_color, 0.2); } +/* HIGHLY TOXIC WASTE, KEEP OUT */ + +.nautilus-window.devel headerbar { + background: #cbd2d9 -gtk-icontheme("system-run-symbolic") 70% 0/64px 64px no-repeat, linear-gradient(to top, #a5b1bd, #c5cdd5 2px, #cbd2d9 3px); + box-shadow: inset 0 1px #f1f3f5; + border-color: #909fae; + color: rgba(46, 52, 54, 0.2); +} +.nautilus-window.devel headerbar > * { + color: #2e3436; +} +.nautilus-window.devel headerbar > *:backdrop { + color: #8b8e8f; +} +.nautilus-window.devel headerbar:backdrop { + background-image: -gtk-icontheme("system-run-symbolic"), image(#cbd2d9); + box-shadow: inset 0 1px #f1f3f5; + color: rgba(139, 142, 143, 0.1); +} +.nautilus-window.devel headerbar box > button, +.nautilus-window.devel headerbar > button { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #909fae; + border-bottom-color: #738698; + background-image: linear-gradient(to bottom, #cbd2d9, #bfc8d0 60%, #aeb9c3); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); +} +.nautilus-window.devel headerbar button.flat, +.nautilus-window.devel headerbar button.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; +} +.nautilus-window.devel headerbar button.titlebutton { + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); +} +.nautilus-window.devel headerbar button.titlebutton:hover, +.nautilus-window.devel headerbar box > button:hover, +.nautilus-window.devel headerbar > button:hover { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #909fae; + border-bottom-color: #738698; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); + background-image: linear-gradient(to bottom, #dde1e6, #cbd2d9 60%, #bfc8d0); +} +.nautilus-window.devel headerbar button.titlebutton:active, +.nautilus-window.devel headerbar box > button:active, +.nautilus-window.devel headerbar > button:active, +.nautilus-window.devel headerbar > button:checked { + color: #2e3436; + outline-color: rgba(46, 52, 54, 0.3); + border-color: #909fae; + background-image: image(#b9c3cc); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; +} +.nautilus-window.devel headerbar box > button:disabled, +.nautilus-window.devel headerbar > button:disabled { + border-color: #909fae; + background-image: image(#d3d9df); + color: #8b8e8f; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); +} +.nautilus-window.devel headerbar box > button:backdrop, +.nautilus-window.devel headerbar > button:backdrop { + border-color: #cbd2d9; + background-image: image(#cbd2d9); + color: #8b8e8f; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + border-color: #909fae; +} +.nautilus-window.devel headerbar > button:backdrop:checked, +.nautilus-window.devel headerbar box > button:backdrop:active, +.nautilus-window.devel headerbar > button:backdrop:active { + border-color: #bbc5ce; + color: #8b8e8f; + background-image: image(#bbc5ce); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + border-color: #909fae; +} +.nautilus-window.devel headerbar > button:backdrop:disabled, +.nautilus-window.devel headerbar box > button:backdrop:disabled { + border-color: #d3d9df; + background-image: image(#d3d9df); + color: #999fa4; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + border-color: #909fae; +} +.nautilus-window.devel headerbar button.flat:backdrop, +.nautilus-window.devel headerbar button.titlebutton:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; +} + /* Sidebar */ .sidebar-row:selected { @@ -227,4 +342,4 @@ actionbar background-size: 1px 12px; background-repeat: no-repeat; background-position: 100% -} \ No newline at end of file +} -- cgit v1.2.1