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.
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?
Report
32 Answers
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.
@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!
Report
@jose_sotelo_cohen I thought as much. It is good even without it, I was nitpicking! Great work. :)
@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!
@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.
Replies
Blackout
Blackout
Llamao
visionaryPass Painted
Blackout
Cyber Monday Linkbox
Blackout
Blackout
Blackout
Blackout
Blackout
Blackout
Blackout