@wojtekmaj/react-hooks/src/usePrefersColorSchemeLight.ts

A collection of React Hooks.

import useMatchMedia from './useMatchMedia.js';

/**
 * Returns a flag which determines if the document matches `(prefers-color-scheme: light)` media
 * feature.
 *
 * @returns {boolean} Whether the document matches `(prefers-color-scheme: light)` media feature
 */
export default function usePrefersColorSchemeLight(): boolean | null {
  return useMatchMedia('(prefers-color-scheme: light)');
}