usePreferredTheme

Detect and manage light, dark, or system theme.

usePreferredTheme.tsx

import { usePreferredTheme } from "@cermuel/hooks/react";export function usePreferredThemeExample() {  const theme = usePreferredTheme();  return <p>{theme.theme}</p>;}

Props

Param

Type

Default Value

defaultTheme?

ThemePreference

"system"

Returns

{ theme: ThemePreference; resolvedTheme: "light" | "dark"; setTheme: (next: ThemePreference) => void; isDark: boolean; }