import { useEffect, useState } from 'react' import { useThemeEpoch } from '@/hooks/use-theme-epoch' const isDarkNow = () => typeof document !== 'undefined' && document.documentElement.classList.contains('dark') // Tracks the app's dark/light mode off the `dark` class on (set by // themes/context.tsx). Embeds that theme their own content (tweets) read this. // Rides the shared theme-repaint observer; setState bails on an unchanged // boolean, so style-only repaints don't re-render. export function useIsDark(): boolean { const epoch = useThemeEpoch() const [dark, setDark] = useState(isDarkNow) useEffect(() => setDark(isDarkNow()), [epoch]) return dark }