Blackout

Add a dark-mode widget to WordPress in a few seconds 🌓

1 follower

Visit website
Blackout is a free WordPress plugin that implements a Dark Mode widget into your website, which allows your users to enable or disable it with a single click. It provides you with an easy to use settings page so you can customise it without coding.
Blackout gallery image
Blackout gallery image
Blackout gallery image
Launch tags:Writing•Developer Tools•GitHub
Launch Team
Intercom
Intercom
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

What do you think? …

José Sotelo Cohen
Maker
Since I started using glasses nine years ago, I've been struggling with reading stuff online, or more precisely, with watching any kind of content with a white background, mostly because even if I have a tiny particle in the glass, I will start noticing it right away and that is very bothersome. A couple of months back I started noticing a trend in which most web apps started releasing Dark / Night Modes versions of their UI, and that's awesome because it allows me to enjoy the content without getting bothered by my glasses. Also, I get less blue light, so it doesn't mess (that much) my sleep clock. However, one day I saw Sandoche's widget and thought that having a version for WordPress would be awesome, mostly because 35% of the internet is powered by it, and I use it a lot. I adapted the widget so it could work with most WordPress based websites and added a settings page so even non-coders could customize it as much as they wanted. It's 100% free, GPL, open-source and everything else, so I hope you guys can enjoy it as much as I do, and maybe one day all WordPress sites will offer a Dark Mode widget to make all of our lives easier :D Do you think that Dark Modes are useful?
Nikhil
I just tried it, liked it. Gives a nice dark look. Only complaint can be that the borders of the sections vanish, I wish it had some slight colour difference on borders.
José Sotelo Cohen
Maker
@nikhilw3 thank you for trying it out and taking the time to leave a review! I'm not sure that that can be done, mostly because of how the implementation of the dark mode works, but will see if there is a option to solve this issue. Cheers!
Nikhil
@jose_sotelo_cohen I thought as much. It is good even without it, I was nitpicking! Great work. :)
Sandoche
Llamao
Maker
@justcharlie @barisunver_en @envisionwithj @ayush_chandra @mahmudulalam @envisionwithj @new_user_cca5c9dab6 You were asking for the Wordpress extension of DarkmodeJS here it is !
Justin E. Harris
visionaryPass Painted
@justcharlie @barisunver_en @ayush_chandra @mahmudulalam @new_user_cca5c9dab6 @sandochee Yeess! Just installed it and it looks beautiful. Thank you!!
Farbod Saraf
Miro
Going to try it on Productster right away! Thanks:)
José Sotelo Cohen
Maker
@farbodsaraf awesome! let me know if you have any questions, hope you like it :D
Nitesh Manav
Already loving it . Nice work Jose.
José Sotelo Cohen
Maker
@niteshmanav Glad you are liking it! and thank you very much to take the time to leave a comment :D
Rick Bannerman
This is awesome, excited to try this out. 🚀
José Sotelo Cohen
Maker
@r_i_c_k Thank you very much! appreciate it a lot. Let me know if you have any questions
Ariel
I am missing option to keep images in original colors.
José Sotelo Cohen
Maker
@ariel_jedrzejczak hello! it applies darkmode-ignore automatically too all , but it won't work with background-image, so you would have to add the class manually. If that doesn't work could you ping me in a private message? Thanks!
Brad Rossman
@ariel_jedrzejczak @jose_sotelo_cohen Yeah I would just want to keep my logo image the same colors and not have that invert to darkmode
José Sotelo Cohen
Maker
@ariel_jedrzejczak @brad_rossman by default all "" tags are kept in their original colours, if not, you can add the class .darkmode-ignore to it or the section, but all depends on the theme or page builder.
12
Next
Last