added themeType and made themes work with our whiteLabels

src/app/AuthHTTPWrapper.tsx

@@ -5,17 +5,29 @@ import HTTPProvider from '../providers/http'
 import { useState } from 'react'
 import LoadingScreen from './LoadingScreen'
 import UserWrapper from './UserWrapper'
-import { ThemeProvider } from '@mui/material'
-import theme from '../theme/theme'
+import { Theme, ThemeProvider } from '@mui/material'
+import { CreateTheme } from '../theme/theme'
+import { getThemeType, setThemeType } from '../theme/themeType'
 
 function AuthHTTPWrapper() {
   const [token, setToken] = useState<string | undefined>(undefined)
+  const [palette, setPalette] = useState<Theme>(CreateTheme("dark"));
 
   let url: string | undefined = import.meta.env.VITE_AUTH0_CLIENT_DOMAIN;
   let audience: string | undefined = import.meta.env.VITE_AUTH0_AUDIENCE;
 
   let client_id = import.meta.env.VITE_AUTH0_DEV_CLIENT_ID;
 
+  const toggleTheme = () => {
+    if (getThemeType() === "light") {
+      setPalette(CreateTheme("dark"));
+      setThemeType("dark");
+    } else {
+      setPalette(CreateTheme("light"));
+      setThemeType("light");
+    }
+  };
+
   return (
     <Auth0Provider
       domain={or(url, "")}
@@ -27,7 +39,7 @@ function AuthHTTPWrapper() {
       useRefreshTokens={true}
       cacheLocation='localstorage'
     >
-      <ThemeProvider theme={theme}>
+      <ThemeProvider theme={palette}>
         <AuthWrapper setToken={setToken}>
           { token ? 
             <HTTPProvider token={token}>

src/app/Header.tsx

@@ -32,7 +32,7 @@ const useStyles = makeStyles((theme: Theme) => ({
         display: "flex",
         alignItems: "flex-end",
         justifyContent: "flex-start"
-      },
+    },
     logoLink: {
         display: "flex",
         justifyContent: "center",
@@ -61,7 +61,7 @@ interface Props {
     openSide: () => void;
     // teams: Team[];
     // setTeams: React.Dispatch<React.SetStateAction<Team[]>>;
-  }
+}
 
 export default function Header(props: Props) {