import { Theme, createTheme } from "@suid/material/styles";
import { deepPurple, amber } from "@suid/material/colors";
import { Accessor } from "solid-js";

export function useRootTheme() : Accessor<Theme> {
  return () => createTheme({
    palette: {
      primary: {
        main: deepPurple[500]
      },
      secondary: {
        main: amber.A200
      }
    }
  })
}