Can toggle dark theme

geneit_app/src/widgets/BaseLoginpage.tsx

@@ -8,6 +8,7 @@ import Paper from "@mui/material/Paper";
 import Typography from "@mui/material/Typography";
 import * as React from "react";
 import { Link, Outlet } from "react-router-dom";
+import { DarkThemeButton } from "./DarkThemeButton";
 
 function Copyright(props: any) {
   return (
@@ -64,6 +65,10 @@ export function BaseLoginPage() {
             alignItems: "center",
           }}
         >
+          <div style={{ position: "absolute", right: "10px", top: "5px" }}>
+            <DarkThemeButton />
+          </div>
+
           <Avatar sx={{ m: 1, bgcolor: "secondary.main" }}>
             <Icon path={mdiFamilyTree} size={1} />
           </Avatar>