usePreferredDark

React Hook that tracks dark theme preference

Usage

Live Editor
function Demo() {
  const isDark = usePreferredDark(false);

  return <div>PreferredDark: {JSON.stringify(isDark)}</div>;
};
Result

API

usePreferredDark

Returns

boolean: whether prefer dark

Arguments

ArgumentDescriptionTypeDefaultValue
defaultStatedefaule valueboolean | undefined-