From 4fd8021f85e1bade00c3ba47f7fe408a37d064e4 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 13 Jun 2025 19:37:12 +0000
Subject: [PATCH] Update the website header to reflect the brand's signature
 color

Updates header background to teal and inverts login/signup button colors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e524de2d-167c-4bad-8c36-b012186a210b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ffaddc67-18f9-4349-a55e-999154ca7030.jpg
---
 client/src/components/navigation/header.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index dfbe4e5..701affc 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -17,8 +17,8 @@ export default function Header() {
   
   const isActive = (path: string) => {
     return location === path 
-      ? "text-teal" 
-      : "text-gray-700 hover:text-teal";
+      ? "text-white" 
+      : "text-white text-opacity-80 hover:text-white";
   };
   
   const navLinks = [
@@ -29,7 +29,7 @@ export default function Header() {
   ];
 
   return (
-    <header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
+    <header className="sticky top-0 bg-teal shadow-sm z-50">
       <div className="max-w-7xl mx-auto px-2 sm:px-3 lg:px-4">
         <div className="flex justify-between items-center py-1">
           <div className="flex items-center">
@@ -52,12 +52,12 @@ export default function Header() {
           <div className="hidden md:flex items-center space-x-4">
             {user ? (
               <>
-                <span className="text-gray-700 font-raleway">
+                <span className="text-white font-raleway">
                   Hi, {user.fullName || user.username}
                 </span>
                 <Button
                   variant="outline"
-                  className="text-teal hover:text-teal-600 hover:bg-gray-50"
+                  className="text-white border-white hover:bg-white hover:text-teal"
                   onClick={() => logoutMutation.mutate()}
                 >
                   Logout
@@ -67,13 +67,13 @@ export default function Header() {
               <>
                 <Link 
                   href="/auth" 
-                  className="text-teal hover:text-teal-600 transition-colors duration-200 font-raleway font-bold"
+                  className="text-white hover:text-opacity-80 transition-colors duration-200 font-raleway font-bold"
                 >
                   Login
                 </Link>
                 <Link 
                   href="/auth" 
-                  className="bg-teal text-white px-4 py-2 rounded-full hover:bg-opacity-90 transition-colors duration-200 font-raleway font-bold"
+                  className="bg-white text-teal px-4 py-2 rounded-full hover:bg-opacity-90 transition-colors duration-200 font-raleway font-bold"
                 >
                   Sign Up
                 </Link>
@@ -85,7 +85,7 @@ export default function Header() {
           <div className="md:hidden">
             <Sheet>
               <SheetTrigger asChild>
-                <button type="button" className="text-gray-700 hover:text-teal">
+                <button type="button" className="text-white hover:text-opacity-80">
                   <span className="sr-only">Open main menu</span>
                   <Menu className="h-6 w-6" />
                 </button>