From 1f57ba295f400ef6568ee6c55ab822631c1f17bb Mon Sep 17 00:00:00 2001
From: Maaxxs <61059039+MaaxxsDev@users.noreply.github.com>
Date: Mon, 6 Jul 2026 18:00:38 +0200
Subject: [PATCH] Increase mobile menu overlay background transparency further

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 hifi-src/src/components/Navbar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/hifi-src/src/components/Navbar.jsx b/hifi-src/src/components/Navbar.jsx
index 09a7e17..da689ba 100644
--- a/hifi-src/src/components/Navbar.jsx
+++ b/hifi-src/src/components/Navbar.jsx
@@ -121,7 +121,7 @@ export default function Navbar() {
         createPortal(
           <div
             className="fixed inset-0 z-[100] overflow-y-auto text-left backdrop-blur-xl"
-            style={{ background: 'linear-gradient(135deg, rgba(241,245,249,0.82) 0%, rgba(227,240,207,0.82) 50%, rgba(248,250,252,0.82) 100%)' }}
+            style={{ background: 'linear-gradient(135deg, rgba(241,245,249,0.55) 0%, rgba(227,240,207,0.55) 50%, rgba(248,250,252,0.55) 100%)' }}
           >
             <div className="relative mx-auto flex min-h-full max-w-6xl flex-col items-start justify-center gap-5 py-24 pl-6 pr-8 sm:pl-8">
               <button