usePreferredDark

packages/core/usePreferredDark/index.md

14.3.0314 B

Reactive dark theme preference.

Usage

import { usePreferredDark } from '@vueuse/core'

const isDark = usePreferredDark()

vue

<template>
  <UsePreferredDark v-slot="{ prefersDark }">
    Prefers Dark: {{ prefersDark }}
  </UsePreferredDark>
</template>