From f02711384b94d76e72cf0f3fab13448bb6a9d3cf Mon Sep 17 00:00:00 2001
From: Leonardo Negreiros de Oliveira <negreirosleo12@gmail.com>
Date: Tue, 19 Sep 2023 15:26:33 -0300
Subject: [PATCH] Fix DarkModeSwitch color contrast

---
 frontend/src/ui/sidebar/DarkModeSwitch.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/ui/sidebar/DarkModeSwitch.tsx b/frontend/src/ui/sidebar/DarkModeSwitch.tsx
index 42ed97c84..c54cb78eb 100644
--- a/frontend/src/ui/sidebar/DarkModeSwitch.tsx
+++ b/frontend/src/ui/sidebar/DarkModeSwitch.tsx
@@ -17,8 +17,8 @@ type SwitchComponentProps = {
 
 const TrackText = ({ icon: Icon, children, sx }: SwitchComponentProps) => (
   <Box sx={{ display: 'flex', alignItems: 'center', gap: '24px', ...sx }}>
-    <Icon color="#0F2A4D" />
-    <Typography sx={{ color: '#405D80' }}>{children}</Typography>
+    <Icon color="#00396d" />
+    <Typography sx={{ color: '#b3cfe9' }}>{children}</Typography>
   </Box>
 )
 
@@ -35,7 +35,7 @@ const SwitchThumb = ({ icon: Icon, children }: SwitchComponentProps) => (
       borderRadius: '20px'
     }}
   >
-    <Icon color="#405E80" />
+    <Icon color="#b3cfe9" />
     <Typography sx={{ color: '#F0F3F7' }}>{children}</Typography>
   </Box>
 )
@@ -75,13 +75,13 @@ export const DarkModeSwitch = ({ sx }: DarkModeSwitchProps) => {
         '--Switch-thumbRadius': '20px',
         '--Switch-trackHeight': '40px',
         '--Switch-trackRadius': '25px',
-        '--Switch-thumbBackground': '#102540',
+        '--Switch-thumbBackground': '#00396d',
         '--Switch-trackBackground': '#030D1A',
         '&:hover': {
           '--Switch-trackBackground': '#030D1A'
         },
         [`&.${switchClasses.checked}`]: {
-          '--Switch-thumbBackground': '#102540',
+          '--Switch-thumbBackground': '#00396d',
           '--Switch-trackBackground': '#030D1A',
           '&:hover': {
             '--Switch-trackBackground': '#030D1A'