From 6f20bdd684c00d308b432b18c023a7049f7b5edb Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Sat, 26 Apr 2025 19:20:00 +0300
Subject: [PATCH] change tooltip bg color

---
 src/App.tsx                             | 16 ++++++++--------
 src/ExtStates/NotAuthenticated.tsx      |  9 ---------
 src/components/Chat/ChatOptions.tsx     |  4 ++--
 src/components/GeneralNotifications.tsx |  2 +-
 src/components/QMailStatus.tsx          |  2 +-
 src/styles/App-styles.ts                |  3 +--
 6 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f7240b9..6297047 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1509,7 +1509,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
@@ -1549,7 +1549,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
@@ -1589,7 +1589,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
@@ -1629,7 +1629,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
@@ -1666,7 +1666,7 @@ function App() {
                     tooltip: {
                       sx: {
                         color: theme.palette.text.primary,
-                        backgroundColor: theme.palette.background.default,
+                        backgroundColor: theme.palette.background.paper,
                       },
                     },
                     arrow: {
@@ -1777,7 +1777,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
@@ -1822,7 +1822,7 @@ function App() {
                     tooltip: {
                       sx: {
                         color: theme.palette.text.primary,
-                        backgroundColor: theme.palette.background.default,
+                        backgroundColor: theme.palette.background.paper,
                       },
                     },
                     arrow: {
@@ -1864,7 +1864,7 @@ function App() {
                   tooltip: {
                     sx: {
                       color: theme.palette.text.primary,
-                      backgroundColor: theme.palette.background.default,
+                      backgroundColor: theme.palette.background.paper,
                     },
                   },
                   arrow: {
diff --git a/src/ExtStates/NotAuthenticated.tsx b/src/ExtStates/NotAuthenticated.tsx
index 1f58360..a99a970 100644
--- a/src/ExtStates/NotAuthenticated.tsx
+++ b/src/ExtStates/NotAuthenticated.tsx
@@ -631,15 +631,6 @@ export const NotAuthenticated = ({
                 }}
                 control={
                   <Switch
-                    sx={{
-                      '& .MuiSwitch-switchBase.Mui-checked': {
-                        color: '#5EB049',
-                      },
-                      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track':
-                        {
-                          backgroundColor: theme.palette.background.default,
-                        },
-                    }}
                     checked={useLocalNode}
                     onChange={(event) => {
                       if (event.target.checked) {
diff --git a/src/components/Chat/ChatOptions.tsx b/src/components/Chat/ChatOptions.tsx
index ddb3a3f..ed808f2 100644
--- a/src/components/Chat/ChatOptions.tsx
+++ b/src/components/Chat/ChatOptions.tsx
@@ -358,14 +358,14 @@ export const ChatOptions = ({
     return (
       <Box
         sx={{
-          backgroundColor: theme.palette.background.default,
+          backgroundColor: theme.palette.background.surface,
           borderBottomLeftRadius: '20px',
           borderTopLeftRadius: '20px',
           display: 'flex',
           flexDirection: 'column',
           flexGrow: 0,
           flexShrink: 0,
-          height: '100%',
+          height: '98%',
           overflow: 'auto',
           width: '300px',
         }}
diff --git a/src/components/GeneralNotifications.tsx b/src/components/GeneralNotifications.tsx
index 6335dbf..bdfac09 100644
--- a/src/components/GeneralNotifications.tsx
+++ b/src/components/GeneralNotifications.tsx
@@ -63,7 +63,7 @@ export const GeneralNotifications = ({ address }) => {
             tooltip: {
               sx: {
                 color: theme.palette.text.primary,
-                backgroundColor: theme.palette.background.default,
+                backgroundColor: theme.palette.background.paper,
               },
             },
             arrow: {
diff --git a/src/components/QMailStatus.tsx b/src/components/QMailStatus.tsx
index b733261..6600211 100644
--- a/src/components/QMailStatus.tsx
+++ b/src/components/QMailStatus.tsx
@@ -77,7 +77,7 @@ export const QMailStatus = () => {
           tooltip: {
             sx: {
               color: theme.palette.text.primary,
-              backgroundColor: theme.palette.background.default,
+              backgroundColor: theme.palette.background.paper,
             },
           },
           arrow: {
diff --git a/src/styles/App-styles.ts b/src/styles/App-styles.ts
index 980657b..8031321 100644
--- a/src/styles/App-styles.ts
+++ b/src/styles/App-styles.ts
@@ -131,9 +131,8 @@ export const CustomButton = styled(Box)(({ theme }) => ({
   width: 'fit-content',
   '&:hover': {
     backgroundColor: theme.palette.background.paper,
-    color: theme.palette.text.secondary,
     'svg path': {
-      fill: theme.palette.background.paper,
+      fill: theme.palette.background.secondary,
     },
   },
 }));