Subscribe
Sign in
Darkmode Widget — Add a dark-mode to your website in a few seconds 🌓
A plugin that adds a dark-mode / night-mode to your website. Just copy paste the snippet, and that's it!
78
Replies
Dark themes are becoming more and more popular. Even new Apple iOS is coming with the dark mode. I'll use this to darkify two of my websites right away.
@farbodsaraf Thanks for hunting Farbod! Darkify ! That's a cool name, maybe I should have named my product like this!
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.
@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...
@justcharlie @barisunver_en @envisionwithj @ayush_chandra @mahmudulalam @envisionwithj @new_user_cca5c9dab6 Check this Wordpress plugin out!
@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.
Cool addon! I'm wondering how you'd make images (logo, illustrations) in dark mode as well?
@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.
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!
@etienne0790 Thanks Etienne, please share your project I'll add it to the Readme as a showcase !
@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 !
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!
@carlos_bernabeu Thanks a lot Carlos, I hope you will use it in your next projects!
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!!!!
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
@patricia_mayo1 Cool plugin. However it's weird to see you complementing on one of your own sites as a beta tester!
I love how easy it was to enable dark mode in my websites using this. Good job!
I'd love to have this on my website but I just can't make it work. https://cessabit.crevasse.co T_T
@ovidiutepes that's weird... Did you copy-paste the entirety of both scripts just above your tag?
OpenPhone