rename useRootTheme to createRootTheme

src/App.tsx

@@ -10,7 +10,7 @@ import {
   lazy,
   onCleanup,
 } from "solid-js";
-import { useRootTheme } from "./material/theme.js";
+import { createRootTheme } from "./material/theme.js";
 import {
   Provider as ClientProvider,
   createMastoClientFor,
@@ -70,7 +70,7 @@ const Routing: Component = () => {
 };
 
 const App: Component = () => {
-  const theme = useRootTheme();
+  const theme = createRootTheme();
   const accts = useStore($accounts);
   const lang = createCurrentLanguage();
   const region = createCurrentRegion();

src/material/theme.ts

@@ -5,9 +5,8 @@ import { Accessor } from "solid-js";
 /**
  * The MUI theme.
  */
-export function useRootTheme(): Accessor<Theme> {
+export function createRootTheme(): Accessor<Theme> {
-  return () =>
+  const theme = createTheme({
-    createTheme({
     palette: {
       primary: {
         main: deepPurple[500],
@@ -20,6 +19,8 @@ export function useRootTheme(): Accessor<Theme> {
       },
     },
   });
+
+  return () => theme;
 }
 
 export const ANIM_CURVE_STD = "cubic-bezier(0.4, 0, 0.2, 1)";

src/platform/share.tsx

@@ -16,7 +16,7 @@ import {
 import { Close as CloseIcon, ContentCopy } from "@suid/icons-material";
 import { Title } from "~material/typography";
 import { render } from "solid-js/web";
-import { useRootTheme } from "~material/theme";
+import { createRootTheme } from "~material/theme";
 
 const ShareBottomSheet: Component<{
   data?: ShareData;
@@ -78,7 +78,7 @@ export async function share(data?: ShareData): Promise<void> {
 
     const dispose = render(() => {
       const [open, setOpen] = createSignal(true);
-      const theme = useRootTheme();
+      const theme = createRootTheme();
       onCleanup(() => {
         element.remove();
         resolve();