Can change theme

remote_frontend/src/main.tsx

@@ -1,25 +1,19 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "./index.css";
 import { App } from "./App";
-import {
-  FluentProvider,
-  teamsHighContrastTheme,
-} from "@fluentui/react-components";
 import { AlertDialogProvider } from "./hooks/providers/AlertDialogProvider";
 import { ConfirmDialogProvider } from "./hooks/providers/ConfirmDialogProvider";
+import { ThemeProvider } from "./hooks/providers/ThemeProvider";
+import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <FluentProvider
-      theme={teamsHighContrastTheme}
-      style={{ display: "flex", flex: 1 }}
-    >
+    <ThemeProvider>
       <AlertDialogProvider>
         <ConfirmDialogProvider>
           <App />
         </ConfirmDialogProvider>
       </AlertDialogProvider>
-    </FluentProvider>
+    </ThemeProvider>
   </React.StrictMode>
 );