From 42604f25d5c5907c73a221dd7fe9d6b558ad6056 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 14 Jun 2025 16:10:05 +0000
Subject: [PATCH] Improve menu visibility by changing the background color to
 teal

Updates SheetContent component to use a teal background and white text color.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e4277a6e-587a-496e-8663-733446748f62
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/74842324-d0bf-4b53-adca-aadd34bc7a79.jpg
---
 client/src/components/navigation/header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index 00f8505..be0a86c 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -57,13 +57,13 @@ export default function Header() {
                   <Menu className="h-6 w-6" />
                 </button>
               </SheetTrigger>
-              <SheetContent side="right" className="w-[300px] sm:w-[400px]">
+              <SheetContent side="right" className="w-[300px] sm:w-[400px] bg-teal">
                 <div className="px-2 pt-2 pb-4 space-y-1 sm:px-3">
                   {navLinks.map((link) => (
                     <SheetClose asChild key={link.path}>
                       <Link 
                         href={link.path}
-                        className={`block px-3 py-2 text-base font-medium ${isActive(link.path)}`}
+                        className={`block px-3 py-2 text-base font-medium text-white hover:text-white hover:text-opacity-80`}
                       >
                         {link.name}
                       </Link>