Function ThemeButton

website/app/components/layout/ThemeButton.tsx:27–44

({ ...others }: IconProps)

);

export const ThemeButton = ({ ...others }: IconProps) => {
	const { setColorScheme } = useMantineColorScheme();
	const colorScheme = useComputedColorScheme('light');

	return (
		<Tooltip label="Toggle color scheme">
			<ActionIcon
				variant="transparent"
				aria-label="Toggle color scheme"
				onClick={() => {
					setColorScheme(colorScheme === 'dark' ? 'light' : 'dark');
				}}
			>
				<ColorSchemeIcons {...others} />
			</ActionIcon>
		</Tooltip>
	);
};

export const ThemeButtonMobile = ({ ...others }: IconProps) => {
	const { setColorScheme } = useMantineColorScheme();