web / lib/hooks/use-theme

lib/hooks/use-theme

Theme hook that wraps next-themes for consistent API.

Provides theme state and setter with proper typing for the application’s supported themes (light, dark, system).

Type Aliases

Theme = "light" | "dark" | "system"

useMounted(): boolean

Hook to check if the component is mounted on the client. Useful for avoiding hydration mismatches with theme-dependent rendering.

boolean

useTheme(): object

theme: Theme

Current theme setting: “light”, “dark”, or “system”

setTheme: (theme) => void

Set the theme

void

resolvedTheme: "light" | "dark"

The actual resolved theme after system preference is applied

systemTheme: "light" | "dark" | undefined

The system’s preferred theme