/use-prefer-color-scheme

React hook for getting and watching OS color-scheme using prefer-color-scheme media query

Primary LanguageTypeScript

use-prefer-color-scheme

Build Status

Getting and watching OS color scheme changes via react hook.

import { usePreferColorScheme } from 'use-prefer-color-scheme';

const MyComponent = () => {
	const colorScheme = usePreferColorScheme(); // 'light' or 'dark'

	return <div>{colorScheme}</div>;
};