Day154 — dark mode toggle in next.js

1 min readJul 24, 2022

--

I added a dark mode toggle for a next.js project.

I am using Tailwind in my project so additional settings are needed.

GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Support System…

Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing - GitHub …

github.com

react provider:

next-themes

An abstraction for themes in your Next.js app. ✅ Perfect dark mode in 2 lines of code ✅ System setting with…

www.npmjs.com

next-themes Example

Edit description

next-themes-example.vercel.app

icon:

react-toggle-dark-mode

🌃 Animated dark mode toggle as seen in blogs! npm i react-toggle-dark-mode or with Yarn: yarn add…

www.npmjs.com

Dark and Light Mode - Using React & Tailwind CSS

Dark and Light Mode - Using React & Tailwind CSS

Dark and Light Mode - Using React & Tailwind CSStailwind-darkmode-demo.netlify.app

Dark and Light Mode — Using React & Tailwind CSS

You can add the Dark and Light Mode feature to your application if your users choose to walk on the dark side 🌚

omerduraker.medium.com

Written by Jacky Tsang

No responses yet

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams