Getting Started
Dark Mode
Enable dark mode support for your app.
Setup
Add Dark Mode Variant
Ensure the following Tailwind Variant is added to your entry style file styles/globals.css:
/** Dark Mode Variant **/
@custom-variant dark (&:where(.dark, .dark *));Enable Dark Mode
To enable dark mode, toggle the dark class on the <html> element.
export default () => (
<html lang="en" className="dark">
<body>{/* Your app */}</body>
</html>
);