From 4c8ab0e34220f72848db569155da246e337bb1df Mon Sep 17 00:00:00 2001
From: Chris Grieser <73286100+chrisgrieser@users.noreply.github.com>
Date: Fri, 20 Dec 2024 12:34:41 +0100
Subject: [PATCH] improv: header bar styling for headers that are still visible

---
 source/4-user-interface/header-bar.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/source/4-user-interface/header-bar.css b/source/4-user-interface/header-bar.css
index 3683c623..d54bf712 100644
--- a/source/4-user-interface/header-bar.css
+++ b/source/4-user-interface/header-bar.css
@@ -1,9 +1,4 @@
 body:not(.normal-header-bar, .is-mobile) .workspace-leaf-content:not([data-type="browser"]) {
-	/* the shading at the end of the header */
-	& .view-header-title-container::after {
-		display: none;
-	}
-
 	& .view-header-breadcrumb {
 		color: var(--text-faint);
 		font-size: 0.9rem;
@@ -63,6 +58,19 @@ body:not(.normal-header-bar, .is-mobile) .workspace-leaf-content:not([data-type=
 	}
 }
 
+/* always hide the shading at the end of the header */
+.view-header .view-header-title-container::after {
+	display: none;
+}
+
+/* more contrast for the header bars that are visible */
+.workspace-leaf-content[data-type="browser"] .view-header.view-header,
+.normal-header-bar .view-header,
+.pdf-toolbar {
+	background: var(--bg3);
+}
+
+/* hover for breadcrumbs */
 .view-header-breadcrumb.view-header-breadcrumb.view-header-breadcrumb.view-header-breadcrumb:hover {
 	color: var(--hover-accent);
 	cursor: var(--cursor-link);