From 511e1c92060a0c62fea1ed80fa66851172afc078 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 13 Oct 2025 16:40:07 +0530
Subject: [PATCH 1/4] fix: change mode

---
 src/components/dashboard/NavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 24e11d09..2d10a3ab 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -158,7 +158,7 @@ export const NavBar: React.FC<NavBarProps> = ({
   };
 
   const renderThemeToggle = () => (
-    <Tooltip title="Toggle Mode">
+    <Tooltip title="Change Mode">
       <IconButton
         onClick={toggleTheme}
         sx={{

From 9dfa2f62eae48776459d0b3266abb26c7f3bcb90 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 13 Oct 2025 16:41:24 +0530
Subject: [PATCH 2/4] feat: no hover on mode toggle

---
 src/components/dashboard/NavBar.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/dashboard/NavBar.tsx b/src/components/dashboard/NavBar.tsx
index 2d10a3ab..a8770466 100644
--- a/src/components/dashboard/NavBar.tsx
+++ b/src/components/dashboard/NavBar.tsx
@@ -163,9 +163,6 @@ export const NavBar: React.FC<NavBarProps> = ({
         onClick={toggleTheme}
         sx={{
           color: darkMode ? '#ffffff' : '#0000008A',
-          '&:hover': {
-           background: 'inherit'
-          }
         }}
       >
         {darkMode ? <LightMode /> : <DarkMode />}

From 73ee83a9a0aec0bc2068fafebf1e535e197b826e Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 13 Oct 2025 16:42:32 +0530
Subject: [PATCH 3/4] feat: disable hover styles for icon button

---
 src/context/theme-provider.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index 75dd4b8b..b7fe5902 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -160,9 +160,9 @@ const darkTheme = createTheme({
           },
           '&.MuiIconButton-colorError': {
             color: '#f44336',
-            "&:hover": {
-              backgroundColor: 'rgba(244, 67, 54, 0.08)',
-            },
+            // "&:hover": {
+            //   backgroundColor: 'rgba(244, 67, 54, 0.08)',
+            // },
           },
         },
       },

From a091df4c17ca394c26eb10b08a8ec6ea1ad714c1 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Mon, 13 Oct 2025 16:43:04 +0530
Subject: [PATCH 4/4] feat: disable hover styles for icon button

---
 src/context/theme-provider.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index b7fe5902..d9a6d745 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -155,9 +155,9 @@ const darkTheme = createTheme({
       styleOverrides: {
         root: {
           color: '#ffffff',
-          "&:hover": {
-            backgroundColor: 'rgba(255, 0, 195, 0.08)',
-          },
+          // "&:hover": {
+          //   backgroundColor: 'rgba(255, 0, 195, 0.08)',
+          // },
           '&.MuiIconButton-colorError': {
             color: '#f44336',
             // "&:hover": {