fn

usePreferredColorScheme

v0.0.14testeddemo

Reactive prefers-color-scheme media query.

Example

ts
const scheme = usePreferredColorScheme();

Demo

Loading demo…

Signature

ts
export function usePreferredColorScheme(
  options: ConfigurableWindow ={ ... }

Parameters

ParameterTypeDescription
options?ConfigurableWindowOptions

Returns

ComputedRef<ColorSchemePreference>'dark', 'light', or 'no-preference'