feat: playing with colours

src/App.tsx

@@ -8,6 +8,7 @@ import { SessionProvider } from "./Session";
 import { GraphComponent } from "./Network";
 import MVPChart from "./MVPChart";
 import { SetPassword } from "./SetPassword";
+import { ThemeProvider } from "./ThemeProvider";
 
 const Maintenance = () => {
   return (
@@ -21,26 +22,28 @@ const Maintenance = () => {
 
 function App() {
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="/password" element={<SetPassword />} />
-        <Route
-          path="/*"
-          element={
-            <SessionProvider>
-              <Header />
-              <Routes>
-                <Route index element={<Rankings />} />
-                <Route path="/network" element={<GraphComponent />} />
-                <Route path="/analysis" element={<Analysis />} />
-                <Route path="/mvp" element={<MVPChart />} />
-              </Routes>
-              <Footer />
-            </SessionProvider>
-          }
-        />
-      </Routes>
-    </BrowserRouter>
+    <ThemeProvider>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/password" element={<SetPassword />} />
+          <Route
+            path="/*"
+            element={
+              <SessionProvider>
+                <Header />
+                <Routes>
+                  <Route index element={<Rankings />} />
+                  <Route path="/network" element={<GraphComponent />} />
+                  <Route path="/analysis" element={<Analysis />} />
+                  <Route path="/mvp" element={<MVPChart />} />
+                </Routes>
+                <Footer />
+              </SessionProvider>
+            }
+          />
+        </Routes>
+      </BrowserRouter>
+    </ThemeProvider>
   );
 }
 export default App;