Function useColorMode

packages/ui/src/primitives/ColorModeToggle.tsx:124–139

()

}

export function useColorMode(): {
    mode: ColorMode;
    isDark: boolean;
    toggle: () => void;
} {
    const mode = useSyncExternalStore(
        subscribe,
        getSnapshot,
        getServerSnapshot,
    );
    return {
        mode,
        isDark: mode === "dark",
        toggle: () => setColorMode(mode === "dark" ? "light" : "dark"),
    };
}

/**
 * Sliding sun/moon switch. Light/dark is a two-state choice, not an on/off