color-scheme-hook

Returns the system's preferred scheme by default. It's going to be overridden when toggled.

Installation

npm install color-scheme-hook

Usage

import { useDarkMode, useLightMode } from "color-scheme-hook";

export default function MyReactComponent(){
    const [isDarkMode, toggleColorScheme, resetPreference] = useDarkMode();  
    const [isLightMode, toggleColorScheme, resetPreference] = useLightMode();
}