diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 7faec6882..adf899497 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -353,8 +353,7 @@ onUnmounted(() => {
 		content: "";
 		position: absolute;
 		inset: 0;
-		background: var(--bg);
-		opacity: 0.85;
+		background: var(--pageHeader);
 		z-index: -2;
 	}
 
diff --git a/packages/client/src/scripts/theme.ts b/packages/client/src/scripts/theme.ts
index 349ff15fb..307cbaa24 100644
--- a/packages/client/src/scripts/theme.ts
+++ b/packages/client/src/scripts/theme.ts
@@ -128,7 +128,7 @@ function compile(theme: Theme): Record<string, string> {
 			const arg = parseFloat(parts.shift());
 			const color = getColor(parts.join("<"));
 
-			const ignoreAlphaForKeys = ["windowHeader", "acrylicPanel"];
+			const ignoreAlphaForKeys = ["windowHeader", "acrylicPanel", "pageHeader"];
 
 			switch (func) {
 				case "darken":
diff --git a/packages/client/src/themes/_dark.json5 b/packages/client/src/themes/_dark.json5
index f1b127b20..1653c195e 100644
--- a/packages/client/src/themes/_dark.json5
+++ b/packages/client/src/themes/_dark.json5
@@ -33,6 +33,7 @@
 		panelBorder: '" solid 1px var(--divider)',
 		acrylicPanel: ':alpha<0.5<@panel',
 		windowHeader: ':alpha<0.85<@panel',
+		pageHeader: ':alpha<0.85<@bg',
 		popup: ':lighten<3<@panel',
 		shadow: 'rgba(0, 0, 0, 0.3)',
 		header: ':alpha<0.7<@panel',
diff --git a/packages/client/src/themes/_light.json5 b/packages/client/src/themes/_light.json5
index 87ad7a671..185a07e20 100644
--- a/packages/client/src/themes/_light.json5
+++ b/packages/client/src/themes/_light.json5
@@ -33,6 +33,7 @@
 		panelBorder: '" solid 1px var(--divider)',
 		acrylicPanel: ':alpha<0.5<@panel',
 		windowHeader: ':alpha<0.85<@panel',
+		pageHeader: ':alpha<0.85<@bg',
 		popup: ':lighten<3<@panel',
 		shadow: 'rgba(0, 0, 0, 0.1)',
 		header: ':alpha<0.7<@panel',