Use Preferred Color Scheme

Open-code aq-ui React hook for Use Preferred Color Scheme.

Installation

pnpm dlx aq-ui@alpha add use-preferred-color-scheme

Client module

Import the parts you need, then jump to an export for its contract.

"use client"

import { usePreferredColorScheme } from "@/hooks/use-preferred-color-scheme"

const result = usePreferredColorScheme()

Type contract for PreferredColorScheme.

type PreferredColorScheme = "light" | "dark"

Open-code aq-ui React hook for Use Preferred Color Scheme.

function usePreferredColorScheme(defaultValue: PreferredColorScheme = "light"): PreferredColorScheme

Name	Type	Default
`defaultValue?`	`PreferredColorScheme`	`"light"`

const result = usePreferredColorScheme()

use-media-query