Captain Share
Curated directory of sharing economy resources to save money
Start new thread
Farbod Saraf

Darkmode Widget - Add a dark-mode to your website in a few seconds 🌓

by
Miro
•
A plugin that adds a dark-mode / night-mode to your website. Just copy paste the snippet, and that's it!

Add a comment

Replies

Best
Sandoche
Llamao
Maker
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!
Aaron O'Leary
Product Hunt
@rrhoover can we
Sandoche
Llamao
Maker
@rrhoover @aaronoleary It would be an honor if you do so :)
Patricia Mayo

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

Sandoche
Llamao
Maker
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 ;)
Farshad Sadri
@patricia_mayo1 Cool plugin. However it's weird to see you complementing on one of your own sites as a beta tester!
Patricia Mayo
@farshad_sadri I am not sure I understand. I did a review because I have used the plugin myself.
charlie
A few people have already mentioned, but I'll reiterate that this would be amazing to have working in Wordpress. Great work.
Sandoche
Llamao
Maker
@justcharlie Thanks, yes I'll keep in mind :)
Sandoche
Llamao
Maker
@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...
Sandoche
Llamao
Maker
Sandoche
Llamao
Maker
Niklas Pivic
@justcharlie @barisunver_en @envisionwithj @ayush_chandra @mahmudulalam @new_user_cca5c9dab6 @jose_sotelo @sandochee I dig blackout. I've very few coding skills where WordPress is concerned; I just installed the plugin. It works and has good customisation options installed.
Farbod Saraf
Miro
Hunter

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.

Sandoche
Llamao
Maker
Actually you have options coming with the library so you can easily change the color!
Simo Elalj
Notion Automations
Cool addon! I'm wondering how you'd make images (logo, illustrations) in dark mode as well?
Sandoche
Llamao
Maker
@simoelalj Thanks! Actually this library uses the CSS proprety `mix-blend-mode: difference;` to activate the darkmode, and by adding `isolation: isolate;` to all the images it will isolate them from the mix-blend-mode.
Kshitij Choudhary
Sideway
This is amazing. I don't mind paying for this <3
Sandoche
Llamao
Maker
@kshitij_choudhary Thanks a lot, I opened a Patreon while for the release of Darkmode so feel free to donate, I will also release other open source projects very soon !
Mahmudul Alam Mithun
Any solution for WordPress based websites?
Sandoche
Llamao
Maker
@mahmudulalam Hi! Not yet, maybe I can make it. Otherwise you can just add this code in all your page and it will work !
Justin E. Harris
visionaryPass Painted
@mahmudulalam @sandochee A WordPress plugin would be amazing!!
Carlos Bernabeu
As always, great product @sandochee & team! Works perfectly out of the box, and enables a feature completely new for users. They perceive the added value of being able to browse my sites without destroying their eyes. Great thinking team! Continue the great work!
Sandoche
Llamao
Maker
@carlos_bernabeu Thanks a lot Carlos, I hope you will use it in your next projects!
Vera Lekutanaj
Timestripe
I love it. I was looking for something like that long time ago. Thank you for making it. I will definitely use it. Keep on the great work!!!!
Sandoche
Llamao
Maker
@vera Thanks Vera, please share your website once added, I'll share it on my Readme website!
1234
Next
Last