From 026cb55cf31975e295609a0691f5ecf78b584a9e Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Tue, 14 Jul 2026 15:36:17 +0200
Subject: [PATCH] Fix mobile menu blur and improve admin sidebar text contrast

---
 src/components/mobile-nav.tsx | 4 +---
 src/lib/theme-css.ts          | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 453f753f..c64f35d3 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -58,9 +58,7 @@ export function MobileNav({
 					className="fixed inset-0 z-30 md:hidden"
 					onClick={() => setOpen(false)}
 					style={{
-						backgroundColor: "rgba(0,0,0,0.45)",
-						backdropFilter: "blur(6px)",
-						WebkitBackdropFilter: "blur(6px)",
+						backgroundColor: "rgba(0,0,0,0.6)",
 					}}
 				/>
 			)}
diff --git a/src/lib/theme-css.ts b/src/lib/theme-css.ts
index ec708ba5..09e55ff5 100644
--- a/src/lib/theme-css.ts
+++ b/src/lib/theme-css.ts
@@ -39,7 +39,7 @@ export function adminPaletteCss(admin: AdminPalette): string {
 	const parts: string[] = [
 		`--admin-sidebar-background:${admin.sidebar};`,
 		`--admin-sidebar-text-readable:${admin.sidebarText};`,
-		`--admin-sidebar-muted-readable:var(--admin-sidebar-text-readable);`,
+		`--admin-sidebar-muted-readable:color-mix(in srgb, var(--admin-sidebar-text-readable) 60%, transparent);`,
 		`--admin-input-text-readable:${readableColor(admin.text, [admin.canvas, admin.surface])};`,
 		`--admin-canvas:${admin.canvas};`,
 		`--admin-surface:${admin.surface};`,