usePreferredColorScheme

Category

Browser

Export Size

366 B

Last Changed

5 days ago

Reactive prefers-color-scheme media query

Demo

Usage

import { usePreferredColorScheme } from '@reause/core'

const colorScheme = usePreferredColorScheme() // 'dark' | 'light' | 'no-preference'

Type Declarations

export type ColorSchemeType = 'dark' | 'light' | 'no-preference'

export function usePreferredColorScheme(options?: ConfigurableWindow): ColorSchemeType

Source

Source · Demo · VueUse

Contributors

Changelog

v0.1.0 on

e45d4 - fix(core): resolve usePreferredColorScheme audit findings (#621)