Function ThemeWatcher

apps/baseai.dev/src/app/providers.tsx:9–31

()

const FORCE_DARK_MODE_PAGES = ['/'];

function ThemeWatcher() {
	let { resolvedTheme, setTheme } = useTheme();

	useEffect(() => {
		let media = window.matchMedia('(prefers-color-scheme: dark)');

		function onMediaChange() {
			let systemTheme = media.matches ? 'dark' : 'light';
			if (resolvedTheme === systemTheme) {
				setTheme('system');
			}
		}

		onMediaChange();
		media.addEventListener('change', onMediaChange);

		return () => {
			media.removeEventListener('change', onMediaChange);
		};
	}, [resolvedTheme, setTheme]);

	return null;
}

export function Providers({ children }: { children: React.ReactNode }) {
	const pathname = usePathname();