From ad4e0b8bab7162805a317809a0d7ee69f6a72309 Mon Sep 17 00:00:00 2001
From: Harshal Kushwaha <harshalkushwah0027@gmail.com>
Date: Thu, 28 May 2026 01:49:28 +0530
Subject: [PATCH] fix: add hover states to navbar links

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

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index fd5eac86..a1a35f92 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -15,8 +15,8 @@ const Navbar: React.FC = () => {
   const navLinkStyles = ({ isActive }: { isActive: boolean }) =>
     `px-4 py-2 rounded-xl text-sm lg:text-base font-semibold transition-all duration-300 ${
       isActive
-        ? "text-blue-600 bg-blue-100 dark:bg-blue-900/40 shadow-sm"
-        : "text-slate-700 dark:text-gray-300 hover:text-blue-500"
+        ? "text-blue-600 bg-blue-100 dark:text-blue-400 dark:bg-blue-900/40 shadow-sm"
+        : "text-slate-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800"
     }`;
 
   const closeMenu = () => setIsOpen(false);