From 947014945ffdfdf1b5653fa98e5af7b411f295ab Mon Sep 17 00:00:00 2001
From: AkashJana18 <akashjana663@gmail.com>
Date: Wed, 9 Oct 2024 21:23:03 +0530
Subject: [PATCH] feat:hover-effect for better UI/UX

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

diff --git a/frontend/src/components/SettingsBar.tsx b/frontend/src/components/SettingsBar.tsx
index 2b7c2a33..f617c6e8 100644
--- a/frontend/src/components/SettingsBar.tsx
+++ b/frontend/src/components/SettingsBar.tsx
@@ -71,9 +71,9 @@ const SettingsBar = ({ setActiveTab, activeTab }: SettingsBarProps) => {
           <button
             key={index}
             onClick={() => setActiveTab(tab)}
-            className={`snap-start h-9 rounded-3xl px-4 font-bold ${
+            className={`snap-start h-9 rounded-3xl px-4 font-bold hover:text-neutral-600 dark:hover:text-white/60 ${
               activeTab === tab
-                ? 'bg-purple-3000 text-purple-30 dark:bg-dark-charcoal'
+                ? 'bg-neutral-100 text-neutral-600  dark:bg-dark-charcoal dark:text-white/60'
                 : 'text-gray-6000'
             }`}
           >