GlobalProtect-openconnect/gpgui/src/components/AppShell/useGlobalTheme.ts

import { createTheme, useMediaQuery } from "@mui/material";
import { useMemo } from "react";

export default function useGlobalTheme() {
  const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
  return useMemo(
    () =>
      createTheme({
        palette: {
          mode: prefersDarkMode ? "light" : "light",
        },
        components: {
          MuiButton: {
            styleOverrides: {
              root: {
                textTransform: "none",
              },
            },
          },
          MuiTab: {
            styleOverrides: {
              root: {
                textTransform: "none",
              },
            },
          },
        },
      }),
    [prefersDarkMode]
  );
}