From e402e3511913a2bd12588b9c5afd6feea4e284c8 Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Thu, 29 Aug 2024 21:02:15 -0400
Subject: [PATCH] Removed old theme file

---
 Client/src/Pages/Monitors/Home/index.jsx |   6 +-
 Client/src/Utils/Theme.js                | 251 -----------------------
 2 files changed, 4 insertions(+), 253 deletions(-)
 delete mode 100644 Client/src/Utils/Theme.js

diff --git a/Client/src/Pages/Monitors/Home/index.jsx b/Client/src/Pages/Monitors/Home/index.jsx
index 295ded93e..e17b56e37 100644
--- a/Client/src/Pages/Monitors/Home/index.jsx
+++ b/Client/src/Pages/Monitors/Home/index.jsx
@@ -132,7 +132,8 @@ const Monitors = ({ isAdmin }) => {
               </Stack>
               <Box
                 flex={1}
-                p={theme.spacing(16)}
+                px={theme.spacing(16)}
+                py={theme.spacing(12)}
                 border={1}
                 borderColor={theme.palette.border.light}
                 borderRadius={theme.shape.borderRadius}
@@ -146,8 +147,9 @@ const Monitors = ({ isAdmin }) => {
                   <Typography
                     component="h2"
                     color={theme.palette.text.secondary}
+                    letterSpacing={-0.5}
                   >
-                    Current monitors
+                    Actively monitoring
                   </Typography>
                   <Box
                     className="current-monitors-counter"
diff --git a/Client/src/Utils/Theme.js b/Client/src/Utils/Theme.js
deleted file mode 100644
index 2da17339a..000000000
--- a/Client/src/Utils/Theme.js
+++ /dev/null
@@ -1,251 +0,0 @@
-import { createTheme } from "@mui/material";
-
-//box shadow
-const shadow =
-  "0px 4px 24px -4px rgba(16, 24, 40, 0.08), 0px 3px 3px -3px rgba(16, 24, 40, 0.03)";
-
-// Global Font Family
-const fontFamilyDefault =
-  '"Inter","system-ui", "Avenir", "Helvetica", "Arial", sans-serif';
-
-const theme = createTheme({
-  typography: { fontFamily: fontFamilyDefault, fontSize: 13 },
-  palette: {
-    common: { main: "#1570ef" },
-    text: {
-      primary: "#1c2130",
-      secondary: "#344054",
-      tertiary: "#475467",
-      accent: "#838c99",
-    },
-    background: {
-      main: "#FFFFFF",
-      alt: "#FCFCFD",
-      fill: "#F4F4F4",
-      accent: "#f9fafb",
-    },
-    border: { light: "#eaecf0", dark: "#d0d5dd" },
-    info: {
-      text: "#475467",
-      main: "#475467",
-      bg: "#ffffff",
-      light: "#ffffff",
-      border: "#D0D5DD",
-    },
-    success: {
-      text: "#079455",
-      main: "#17b26a",
-      light: "#d4f4e1",
-      bg: "#ecfdf3",
-    },
-    error: {
-      text: "#f04438",
-      main: "#d32f2f",
-      light: "#fbd1d1",
-      bg: "#f9eced",
-      border: "#f04438",
-    },
-    warning: {
-      text: "#DC6803",
-      main: "#fdb022",
-      light: "#fffcf5",
-      bg: "#ffecbc",
-      border: "#fec84b",
-    },
-    unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
-    other: {
-      icon: "#667085",
-      line: "#d6d9dd",
-    },
-    primary: {
-      main: "#1570EF",
-    },
-    secondary: {
-      main: "#475467",
-    },
-    tertiary: {
-      main: "#475467",
-    },
-  },
-  spacing: 2,
-  components: {
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true,
-      },
-    },
-    MuiPaper: {
-      styleOverrides: {
-        root: {
-          marginTop: 4,
-          border: 1,
-          borderStyle: "solid",
-          borderColor: "#eaecf0",
-          borderRadius: 4,
-          boxShadow: shadow,
-          backgroundColor: "#FFFFFF",
-        },
-      },
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: {
-          borderBottomColor: "#eaecf0",
-        },
-      },
-    },
-    MuiTableHead: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "#f9fafb",
-        },
-      },
-    },
-    MuiPagination: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "#FFFFFF",
-          border: 1,
-          borderStyle: "solid",
-          borderColor: "#eaecf0",
-          "& button": {
-            color: "#475467",
-            borderRadius: 4,
-          },
-          "& li:first-of-type button, & li:last-of-type button": {
-            border: 1,
-            borderStyle: "solid",
-            borderColor: "#eaecf0",
-          },
-        },
-      },
-    },
-  },
-  shape: {
-    borderRadius: 2,
-    borderThick: 2,
-    boxShadow: shadow,
-  },
-});
-
-export const darkTheme = createTheme({
-  typography: { fontFamily: fontFamilyDefault, fontSize: 13 },
-  palette: {
-    common: { main: "#1570ef" },
-    text: {
-      primary: "#fafafa",
-      secondary: "#e6e6e6",
-      tertiary: "#a1a1aa",
-      accent: "#e6e6e6",
-    },
-    background: {
-      main: "#151518",
-      alt: "#09090b",
-      fill: "#2e2e2e",
-      accent: "#18181a",
-    },
-    border: { light: "#27272a", dark: "#2c2c2c" },
-    info: {
-      text: "#475467",
-      main: "#475467",
-      bg: "#ffffff",
-      light: "#ffffff",
-      border: "#D0D5DD",
-    },
-    success: {
-      text: "#079455",
-      main: "#45bb7a",
-      light: "#93d5aa",
-      bg: "#27272a",
-    },
-    error: {
-      text: "#f04438",
-      main: "#d32f2f",
-      light: "#f04438",
-      bg: "#27272a",
-      border: "#f04438",
-    },
-    warning: {
-      text: "#DC6803",
-      main: "#e88c30",
-      light: "#fffcf5",
-      bg: "#ffecbc",
-      border: "#fec84b",
-    },
-    unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
-    other: {
-      icon: "#e6e6e6",
-      line: "#27272a",
-    },
-    primary: {
-      main: "#1570ef",
-    },
-    secondary: {
-      main: "#e6e6e6",
-    },
-    tertiary: {
-      main: "#e6e6e6",
-    },
-  },
-  spacing: 2,
-  components: {
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true,
-      },
-    },
-    MuiPaper: {
-      styleOverrides: {
-        root: {
-          marginTop: 4,
-          border: 1,
-          borderStyle: "solid",
-          borderColor: "#27272a",
-          borderRadius: 4,
-          boxShadow: shadow,
-          backgroundColor: "#151518",
-        },
-      },
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: {
-          borderBottomColor: "#27272a",
-        },
-      },
-    },
-    MuiTableHead: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "#18181a",
-        },
-      },
-    },
-    MuiPagination: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "#151518",
-          border: 1,
-          borderStyle: "solid",
-          borderColor: "#27272a",
-          "& button": {
-            color: "#a1a1aa",
-            borderRadius: 4,
-          },
-          "& li:first-of-type button, & li:last-of-type button": {
-            border: 1,
-            borderStyle: "solid",
-            borderColor: "#27272a",
-          },
-        },
-      },
-    },
-  },
-  shape: {
-    borderRadius: 2,
-    borderThick: 2,
-    boxShadow: shadow,
-  },
-});
-
-export default theme;