Super cool, been wanting this for ages because I can't make it myself yet. Although, I tried it on a new portfolio I'm making with Webflow and it didn't quite work. It does work for the most part but some of the normally black text does not turn white but instead dark gray, so it's almost invisible on the black background. I've no idea why that is.
@anna_0x Sometimes it doesn't work fully when elements uses z-index attributes. But if you have the control over your css you can use these classes and css properties to customize it: https://darkmodejs.learn.uno/#ov.... So yeah even though I say it enables dark mode in a few seconds, sometimes it takes a few minutes more :)
Report
@sandochee Thats for the help! I noticed the z-index issue but the thing is, it doesn't work on some buttons and text that have 0 z-index... I will try the manual CSS fix once I'm done making the site!
Even if it doesn't work perfectly for me, what you've made is still a really important and valuable. Even though it's relatively easy for I developer to implement it on websites/webapps, most don't!
@anna_0x Maybe try using "mix-blend-mode: difference;" if the z-index don't work.
Report
@sandochee thank you I will try it and let you know how it went
Report
This needs to be more popular!
Report
Would be a cool feature to have a hotkey for it. Like pressing N (for night) or L (for light switch on/off). abduzeedo.com does it, but in their site you can switch modes while typing in inputs, which is bad.
Report
Adding dark mode to new Vue projects takes time. This is instant. Great idea!
Replies
Llamao
I added it in 15 minutes in Nav of https://fullstackjob.com and it just works. Some minor issues are much probably related to my own style mess
Pros:Add DM in minutes and looks just great
Cons:Nothing to claim
Llamao
Quickflush
Quickflush
Llamao
Llamao
Llamao
Llamao