Remix

// app/root.tsx
import { useLoaderData } from "@remix-run/react";
import { ThemeProvider } from "@themvora/remix";
import { getInitialThemeState } from "@themvora/remix/server";
import { getBuiltInThemes } from "@themvora/core";

// getInitialThemeState takes the registry as a required option; the built-in
// set is a valid registry, so no theme file is needed.
const themes = getBuiltInThemes();

export async function loader({ request }) {
  return { initial: await getInitialThemeState(request, { themes }) };
}

export default function App() {
  const { initial } = useLoaderData<typeof loader>();
  return (
    <ThemeProvider initial={initial}>
      <Outlet />
    </ThemeProvider>
  );
}