From 3492a83f9b772a6e864525b2995bc09e28e29076 Mon Sep 17 00:00:00 2001
From: Rudransh Pratap Singh <87255169+CoderFleet@users.noreply.github.com>
Date: Tue, 29 Oct 2024 03:42:00 +0530
Subject: [PATCH 1/2] Improved Button Styles for Better Readability in both
 light & dark mode

---
 frontend/src/components/Pages/Event.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Pages/Event.jsx b/frontend/src/components/Pages/Event.jsx
index d60a3fc7..3312116a 100644
--- a/frontend/src/components/Pages/Event.jsx
+++ b/frontend/src/components/Pages/Event.jsx
@@ -276,7 +276,9 @@ function Event() {
                       <b>Age: </b> <i>{event.age}</i>
                       <br />
                     </div>
-                    <button className="btn btn-primary bg-[#C3E0DC] p-4 rounded-xl text-md font-medium mt-4 hover:bg-[#FFF9B1]">
+                    {/* Added Appropriate colors to improve readability 
+                    & Changed Hover Styles too so that they adjust to both dark and light mode both  */}
+                    <button className="btn btn-primary bg-[#85C1B9] text-white p-4 rounded-xl text-md font-medium mt-4 hover:bg-[#F05365] hover:text-white">
                       Book your slot
                     </button>
                   </div>

From 437b63586924d02bf6039f2402d88a92de86e30c Mon Sep 17 00:00:00 2001
From: Rudransh Pratap Singh <87255169+CoderFleet@users.noreply.github.com>
Date: Wed, 30 Oct 2024 15:45:04 +0530
Subject: [PATCH 2/2] fix/ updated the dark and light theme button colors for
 website's theme

---
 frontend/src/components/Pages/Event.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Pages/Event.jsx b/frontend/src/components/Pages/Event.jsx
index 3312116a..da8bfcdb 100644
--- a/frontend/src/components/Pages/Event.jsx
+++ b/frontend/src/components/Pages/Event.jsx
@@ -278,7 +278,8 @@ function Event() {
                     </div>
                     {/* Added Appropriate colors to improve readability 
                     & Changed Hover Styles too so that they adjust to both dark and light mode both  */}
-                    <button className="btn btn-primary bg-[#85C1B9] text-white p-4 rounded-xl text-md font-medium mt-4 hover:bg-[#F05365] hover:text-white">
+                    {/* Edit: Changed some stylings to match webpage's theme */}
+                    <button className="btn btn-primary bg-white text-black hover:text-black p-4 rounded-xl text-md font-medium mt-4 dark:bg-white dark:text-black">
                       Book your slot
                     </button>
                   </div>