<h2>Overview</h2>
<p>next-dark-mode is a theme for Next.js apps that allows users to switch between a dark and light mode. It also includes an auto mode feature that automatically adjusts the theme based on the user's operating system preferences. The theme uses configurable cookies to persist the theme state, preventing any page load glitches.</p>
<h2>Features</h2>
<ul>
<li>Auto mode: Supports automatic theme switching based on the user's operating system preferences.</li>
<li>No page load glitch: Uses configurable cookies to persist the theme state, avoiding common page load glitches.</li>
<li>Compatibility: Requires react@16.8.0 or higher, which includes Hooks.</li>
</ul>
<h2>Usage</h2>
<p>To use next-dark-mode in your Next.js app, follow these steps:</p>
<ol>
<li>Wrap your _app.js component located in <code>/pages</code> with the HOC withDarkMode.</li>
<li>Use the useDarkMode hook in your app to access the current theme.</li>
</ol>
<p>If you are using CSS-in-JS libraries like emotion or styled-components, follow these additional steps:</p>
<ol>
<li>Wrap your _app.js component located in <code>/pages</code> with the HOC withDarkMode.</li>
</ol>


Xeoneux

Next Dark Mode