Darkmode Widget

Add a dark-mode to your website in a few seconds πŸŒ“

#2 Product of the DayJune 19, 2019
A plugin that adds a dark-mode / night-mode to your website. Just copy paste the snippet, and that's it!
Discussion
Would you recommend this product?
10 Reviews5.0/5
Hi Product Hunt πŸ‘‹, I am Sandoche, a maker, designer and developer. I recently wanted to add a dark-mode to Kanbanote, one of my website, and then I thought, why not to do it for all my websites at once? that is why I decided to build this plugin that makes dark-mode easily available to any project. Just copy paste the snippet and you will get a widget to turn on and off the dark-mode. You can also use it without the widget programmatically. The plugin is lightweight, built in VanillaJS and open source ! I hope you will like it!
Upvote (11)Share

I was beta tester and added it to my website https://what.toeat.in It worked like a charm, I like getting things done fast 😁

Pros:

Easy, fast and effective, it does what it promises. Very good for amoled screens

Cons:

Need extra css to customize the default colors

Hi Patricia thanks for trying it in beta! Yes if you want to have perfect colors you do need to add a bit of CSS, it will take a few seconds more ;)
@rrhoover @aaronoleary It would be an honor if you do so :)

It's an open source and easy-to-use tool which most website should use nowadays as the dark theme is becoming more and more popular.

Pros:

Managed to darkify two of my website easily.

Cons:

None so far. Maybe having more colors in the future would be cool, although to me the dark one would suffice.

Actually you have options coming with the library so you can easily change the color!
A few people have already mentioned, but I'll reiterate that this would be amazing to have working in Wordpress. Great work.
@justcharlie Thanks, yes I'll keep in mind :)
@justcharlie Hi, I just got mentionned on twitter by @BarisUnver_EN he built a Wordpress plugin using the darkmode-wiget: https://wordpress.org/plugins/da...