R
fn

usePreferredColorScheme

v0.0.15testeddemo

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'`