From c47f79f157bbebfddf4bc1ab75140af60e2fda3e Mon Sep 17 00:00:00 2001
From: Minseo421 <162323193+Minseo421@users.noreply.github.com>
Date: Sun, 19 Oct 2025 22:48:53 +1300
Subject: [PATCH] Bad text contrast on home page of the buttons are now fixed

---
 frontend/src/pages/Home.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Home.js b/frontend/src/pages/Home.js
index c7039ea..c3937c6 100644
--- a/frontend/src/pages/Home.js
+++ b/frontend/src/pages/Home.js
@@ -128,7 +128,7 @@ const HomePage = () => {
                 <Button 
                   variant="outline"
                   size="lg" 
-                  className="gap-3 text-lg px-8 py-4 bg-white text-emerald-600 hover:bg-emerald-600 hover:text-white hover:border-emerald-600 shadow-sm hover:shadow-md transition-all duration-200 border-emerald-600"
+                  className="gap-3 text-lg px-8 py-4 bg-white text-emerald-600 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-600 active:bg-emerald-100 active:text-emerald-800 shadow-sm hover:shadow-md transition-all duration-200 border-emerald-600"
                 >
                   Create Account
                 </Button>
@@ -137,7 +137,7 @@ const HomePage = () => {
                 <Button 
                   variant="outline"
                   size="lg" 
-                  className="gap-3 text-lg px-8 py-4 bg-white text-emerald-600 hover:bg-emerald-600 hover:text-white hover:border-emerald-600 shadow-sm hover:shadow-md transition-all duration-200 border-emerald-600"
+                  className="gap-3 text-lg px-8 py-4 bg-white text-emerald-600 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-600 active:bg-emerald-100 active:text-emerald-800 shadow-sm hover:shadow-md transition-all duration-200 border-emerald-600"
                 >
                   Browse Items
                 </Button>