Improved toolbar background continuation in Chromium themes

angelbruni · Nov 22, 2024 · 1d7ac39 · 1d7ac39
1 parent 9f3e6c1
commit 1d7ac39
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git a/Profile Folder/chrome/styles/partials/chrome/chrome-1/_tabs.scss b/Profile Folder/chrome/styles/partials/chrome/chrome-1/_tabs.scss
@@ -410,7 +410,7 @@
 				background-attachment: fixed !important;
 			}
 			.tabbrowser-tab:not([style*="transform: "]) .tab-background-container::before {
-				background-position-y: calc(var(--tab-distance-from-top) + var(--gktabbar-y, 0px)) !important;
+				background-position-y: calc(var(--tab-distance-from-top) + var(--toolbar-background-y-pos) + var(--gktabbar-y, 0px)) !important;
 			}
 		}
 	}

diff --git a/Profile Folder/chrome/styles/partials/chrome/chrome-1/_titlebar.scss b/Profile Folder/chrome/styles/partials/chrome/chrome-1/_titlebar.scss
@@ -26,9 +26,10 @@
 	}
 
 	// Variables for titlebar styles
-	--tab-distance-from-toolbar-edge:	2px;
-	--tab-distance-from-pfp:			3px;
-	--tab-distance-from-top:			15px;
+	--tab-distance-from-toolbar-edge:		2px;
+	--tab-distance-from-pfp:				3px;
+	--tab-distance-from-top:				15px;
+	--toolbar-background-y-pos:	-1px;
 	&[sizemode="maximized"],
 	&[sizemode="fullscreen"] {
 		--tab-distance-from-top: 0px;

diff --git a/Profile Folder/chrome/styles/partials/chrome/chrome-1/_toolbars.scss b/Profile Folder/chrome/styles/partials/chrome/chrome-1/_toolbars.scss
@@ -786,11 +786,11 @@
 			}
 
 			#nav-bar {
-				background-position-y: calc(var(--tab-distance-from-top) + var(--gktabbar-y, 0px) + 1px) !important;
+				background-position-y: calc(var(--tab-distance-from-top) + var(--toolbar-background-y-pos) + var(--gktabbar-y, 0px)) !important;
 			}
 
 			&:not([personalbar="newtab"]) #PersonalToolbar {
-				background-position-y: calc(var(--tab-distance-from-top) + var(--gktabbar-y, 0px) + 1px) !important;
+				background-position-y: calc(var(--tab-distance-from-top) + var(--toolbar-background-y-pos) + var(--gktabbar-y, 0px)) !important;
 			}
 		}
 	}

diff --git a/Profile Folder/chrome/styles/partials/chrome/chrome-21/_titlebar.scss b/Profile Folder/chrome/styles/partials/chrome/chrome-21/_titlebar.scss
@@ -1,3 +1,7 @@
+& {
+	--toolbar-background-y-pos: -3px;
+}
+
 // Updated titlebar styles
 &[chromemargin]:not([macOSNativeFullscreen]) {
     // Chromium OS

diff --git a/Profile Folder/chrome/styles/partials/chrome/chrome-68/_titlebar.scss b/Profile Folder/chrome/styles/partials/chrome/chrome-68/_titlebar.scss
@@ -1,4 +1,6 @@
 & {
+	--toolbar-background-y-pos: 0px;
+
 	&[sizemode="maximized"],
 	&[sizemode="fullscreen"] {
 		#private-browsing-indicator-with-label,