# Getting Started ## Requirements * npm or Yarn * Node.js * React 16.8+ ## Installation ```bash npm install react-color-mode # OR yarn add react-color-mode ``` ## Usage ### Setup your styles `react-color-mode` will set a special attribute on your `` tag, allowing you to style your site based on it. ```css /* Set default light mode colors on */ :root { background-color: white; color: black; } /* User is in light mode, but has selected dark mode */ :root[react-color-mode="dark"] { background-color: black; color: white; } /* User is in dark mode and HAS NOT has selected light mode */ @media (prefers-color-scheme: dark) { :root:not([react-color-mode="light"]) { background-color: black; color: white; } } ``` ### Install the script `react-color-mode` exports a `