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!
@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 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!
Replies
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
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.