Function useThemeNormalized

packages/web/src/hooks/useThemeNormalized.ts:6–22

(defaultTheme: "light" | "dark" = "light")

import { useMemo } from "react";

export const useThemeNormalized = (defaultTheme: "light" | "dark" = "light") => {
    const { theme: _theme, systemTheme, setTheme } = useThemeBase();

    const theme = useMemo(() => {
        if (_theme === "system") {
            return systemTheme ?? defaultTheme;
        }

        return _theme ?? defaultTheme;
    }, [_theme, systemTheme, defaultTheme]);

    return {
        theme,
        systemTheme,
        setTheme,
    };
}