Add custom header bar style backaction-info-bar-compact

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.

1 files changed, 116 insertions, 1 deletions

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
+}