Add custom theme

matrixgw_frontend/src/main.tsx

@@ -13,24 +13,29 @@ import { SnackbarProvider } from "./hooks/contexts_provider/SnackbarProvider";
 import { LoadingMessageProvider } from "./hooks/contexts_provider/LoadingMessageProvider";
 import { AsyncWidget } from "./widgets/AsyncWidget";
 import { ServerApi } from "./api/ServerApi";
+import { AppTheme } from "./theme/AppTheme";
+import { CssBaseline } from "@mui/material";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <AlertDialogProvider>
-      <ConfirmDialogProvider>
-        <SnackbarProvider>
-          <LoadingMessageProvider>
-            <AsyncWidget
-              loadKey={1}
-              load={async () => {
-                await ServerApi.LoadConfig();
-              }}
-              errMsg="Failed to load static server configuration!"
-              build={() => <App />}
-            />
-          </LoadingMessageProvider>
-        </SnackbarProvider>
-      </ConfirmDialogProvider>
-    </AlertDialogProvider>
+    <AppTheme>
+      <CssBaseline enableColorScheme />
+      <AlertDialogProvider>
+        <ConfirmDialogProvider>
+          <SnackbarProvider>
+            <LoadingMessageProvider>
+              <AsyncWidget
+                loadKey={1}
+                load={async () => {
+                  await ServerApi.LoadConfig();
+                }}
+                errMsg="Failed to load static server configuration!"
+                build={() => <App />}
+              />
+            </LoadingMessageProvider>
+          </SnackbarProvider>
+        </ConfirmDialogProvider>
+      </AlertDialogProvider>
+    </AppTheme>
   </StrictMode>
 );