From e49bb9da7ad72fefdea5d3e1c8aea7c93b168e79 Mon Sep 17 00:00:00 2001
From: Eshita Badhe <sge.eshita31gb@gmail.com>
Date: Wed, 18 Feb 2026 18:37:42 +0530
Subject: [PATCH 1/3] fix(guides): resolve white hover background in dark mode
 cards

- Removed hardcoded #ffffff hover background
- Applied dark-mode specific hover styling
- Ensured consistent card elevation and contrast
---
 frontend/css/guides.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/frontend/css/guides.css b/frontend/css/guides.css
index 67ed87d..312eb2e 100644
--- a/frontend/css/guides.css
+++ b/frontend/css/guides.css
@@ -888,4 +888,34 @@ html {
 
 .dark-mode .mistakes-list li:hover p {
   color: #f9fafb !important;
+}
+
+/* =========================================
+   DARK MODE – FIX WHITE HOVER BACKGROUND
+   ========================================= */
+
+body.dark-mode .practice-item,
+body.dark-mode .pr-steps li,
+body.dark-mode .guide-list li,
+body.dark-mode .mistakes-list li {
+  background: #111827; /* dark card base */
+  border: 1px solid #1f2937;
+}
+
+/* Hover state stays dark */
+body.dark-mode .practice-item:hover,
+body.dark-mode .pr-steps li:hover,
+body.dark-mode .guide-list li:hover,
+body.dark-mode .mistakes-list li:hover {
+  background: #1f2937; /* slightly lifted dark */
+  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.75);
+  transform: translateY(-6px);
+}
+
+/* Ensure text stays visible */
+body.dark-mode .practice-item h4,
+body.dark-mode .pr-steps h4,
+body.dark-mode .guide-list h4,
+body.dark-mode .mistakes-list p {
+  color: #f9fafb;
 }
\ No newline at end of file

From ee9ae004fda4c7cb6fc45e68e5947ebd3a0ac7ec Mon Sep 17 00:00:00 2001
From: Eshita Badhe <sge.eshita31gb@gmail.com>
Date: Wed, 18 Feb 2026 18:57:40 +0530
Subject: [PATCH 2/3] fix(footer): improve logo visibility in dark mode

---
 frontend/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 91207a6..eda3561 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1874,7 +1874,7 @@ body.dark-mode footer.site-footer {
   background:
     radial-gradient(900px circle at 10% 10%, rgba(212, 175, 55, 0.16) 0%, transparent 55%),
     radial-gradient(800px circle at 90% 0%, rgba(255, 255, 255, 0.05) 0%, transparent 55%),
-    linear-gradient(135deg, rgba(13, 17, 23, 0.96) 0%, rgba(22, 27, 34, 0.96) 100%);
+    linear-gradient(135deg, rgba(16, 20, 27, 0.96) 0%, rgba(22, 27, 34, 0.96) 100%);
 }
 
 /* =========================

From 4945ed43453e71a867fa897d6f9a4d304065f472 Mon Sep 17 00:00:00 2001
From: Eshita Badhe <sge.eshita31gb@gmail.com>
Date: Wed, 18 Feb 2026 19:03:21 +0530
Subject: [PATCH 3/3] fix(ui): improve chatbot and back-to-top button
 visibility in dark mode

---
 frontend/css/guides.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/frontend/css/guides.css b/frontend/css/guides.css
index 312eb2e..841c953 100644
--- a/frontend/css/guides.css
+++ b/frontend/css/guides.css
@@ -44,6 +44,31 @@ html {
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(0,0,0,0.2);
 }
+
+/* =========================================
+   DARK MODE – FLOATING BUTTON FIX
+========================================= */
+
+body.dark-mode #scrollTopBtn {
+  border: 2px solid rgba(228, 199, 106, 0.6);
+  box-shadow:
+    0 0 0 3px rgba(228, 199, 106, 0.15),
+    0 18px 45px rgba(0, 0, 0, 0.85),
+    0 0 18px rgba(228, 199, 106, 0.4);
+}
+
+/* Override the navy hover */
+body.dark-mode #scrollTopBtn:hover {
+  background: linear-gradient(135deg,
+    var(--primary-gold),
+    var(--secondary-gold));
+    
+  box-shadow:
+    0 0 0 4px rgba(228, 199, 106, 0.25),
+    0 25px 60px rgba(0, 0, 0, 0.95),
+    0 0 28px rgba(228, 199, 106, 0.6);
+}
+
 /* =========================
    GUIDE LIST - TWO COLUMNS
 ========================= */