docmost-ryan/client/src/components/theme-toggle.tsx

import { Button, Group, useMantineColorScheme } from '@mantine/core';

export function ThemeToggle() {
    const { setColorScheme } = useMantineColorScheme();

    return (
      <Group justify="center" mt="xl">
          <Button onClick={() => setColorScheme('light')}>Light</Button>
          <Button onClick={() => setColorScheme('dark')}>Dark</Button>
          <Button onClick={() => setColorScheme('auto')}>Auto</Button>
      </Group>
    );
}