From 5265d1da0e13880aee6082b4074aa8c0c508e780 Mon Sep 17 00:00:00 2001
From: pari-dubey1 <paridubeyy00@gmail.com>
Date: Sat, 16 May 2026 19:47:34 +0530
Subject: [PATCH] fix: improve navbar hover contrast readability

---
 src/components/Navbar.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index c6cc86d..09fbad6 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -20,7 +20,7 @@ const Navbar: React.FC = () => {
         {/* Logo Section */}
         <Link
           to="/"
-          className="text-2xl font-bold hover:text-gray-300 cursor-pointer flex items-center"
+          className="text-2xl font-bold hover:text-gray-700 dark:hover:text-gray-300 cursor-pointer flex items-center"
         >
           <img src="/crl-icon.png" alt="CRL Icon" className="h-8 mr-2" />
           GitHub Tracker
@@ -30,25 +30,25 @@ const Navbar: React.FC = () => {
         <div className="hidden md:flex space-x-6">
           <Link
             to="/"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Home
           </Link>
           <Link
             to="/track"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Tracker
           </Link>
           <Link
             to="/contributors"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Contributors
           </Link>
           <Link
             to="/login"
-            className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+            className="text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
           >
             Login
           </Link>
@@ -91,35 +91,35 @@ const Navbar: React.FC = () => {
           <div className="space-y-4 px-6 py-4">
             <Link
               to="/"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
               onClick={() => setIsOpen(false)}
             >
               Home
             </Link>
             <Link
               to="/about"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
               onClick={() => setIsOpen(false)}
             >
               About
             </Link>
             <Link
               to="/contact"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
               onClick={() => setIsOpen(false)}
             >
               Contact
             </Link>
             <Link
               to="/contributors"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
               onClick={() => setIsOpen(false)}
             >
               Contributors
             </Link>
             <Link
               to="/login"
-              className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
+              className="block text-lg font-medium hover:text-gray-700 dark:hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
               onClick={() => setIsOpen(false)}
             >
               Login