Introduction

Hi, if you are here, probably you are coming from This blog post.

This is a simple demo repository to test dark mode in a Next.js project with Tailwind CSS.

For the Sun/Moon Icon I'm using @heroicons/react and @mantine/prism for the code highlighting.

Play

Fork this repository, then clone it and install all the dependencies.

git clone git@github.com:YourGithubAccount/tailwind-dark-mode-test.git
cd tailwind-dark-mode-test
npm install

Then, run the development server and see the different behaviours of Tailwind using dark mode:

npm run dev
# or
yarn dev