4 files changed, 3 insertions, 29 deletions
diff --git a/client/src/ThemeContextProvider.tsx b/client/src/ThemeContextProvider.tsx
index 6ae1430..61642cb 100644
--- a/client/src/ThemeContextProvider.tsx
+++ b/client/src/ThemeContextProvider.tsx
@@ -34,12 +34,12 @@ function ThemeContextProvider({ children }: ThemeProviderProps) {
       ...(mode === 'light'
         ? {
             primary: {
-              main: '#007bff',
+              main: '#FF8A65',
             },
           }
         : {
             primary: {
-              main: '#78bef8',
+              main: '#FF5722',
             },
           }),
     },
diff --git a/client/src/components/Desktop.tsx b/client/src/components/Desktop.tsx
index 72b583d..0aa4357 100644
--- a/client/src/components/Desktop.tsx
+++ b/client/src/components/Desktop.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { useContext } from 'react';
 import { Link } from 'react-router-dom';
-import { Button, IconButton } from '@mui/material';
+import { Button, IconButton, useTheme } from '@mui/material';
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 import LightModeIcon from '@mui/icons-material/LightMode';
-import { useTheme } from '@mui/material/styles';
 import { ThemeContext } from '../ThemeContextProvider';
 import pages from '../pages';
 
diff --git a/client/src/components/Home.tsx b/client/src/components/Home.tsx
index 839667a..558c104 100644
--- a/client/src/components/Home.tsx
+++ b/client/src/components/Home.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { useEffect, useRef, useState } from 'react';
-import './active.css';
 
 function Home() {
   const [index, setIndex] = useState(0);
@@ -49,23 +48,6 @@ function Home() {
           />
         ))}
       </div>
-      <div style={{ display: 'flex', justifyContent: 'center' }}>
-        {colors.map((_, colorIndex) => (
-          <div
-            key={colorIndex}
-            style={{
-              height: '0.75rem',
-              width: '0.75rem',
-              borderRadius: '50%',
-              margin: '0.75rem',
-            }}
-            className={colorIndex === index ? 'active' : 'inactive'}
-            onClick={() => {
-              setIndex(colorIndex);
-            }}
-          />
-        ))}
-      </div>
     </div>
   );
 }
diff --git a/client/src/components/active.css b/client/src/components/active.css
deleted file mode 100644
index e8b5f60..0000000
--- a/client/src/components/active.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.active {
-  background-color: #1976d2
-}
-
-.inactive {
-  background-color: #c4c4c4
-}