Dark mode in a website with CSS
tombrow.com
Dark mode in a website with CSS
1–10 of 191 posts
Re: Dark mode in a website with CSS
#2How does one enable this setting in Firefox?
Re: Dark mode in a website with CSS
#3How does one enable this setting in Firefox?
It's OS-level. macOS, iOS, Android, and I believe Windows 10 will all send this signal now to whichever (modern) browser you're using.
Re: Dark mode in a website with CSS
#4I did this recently for my new personal website! It's quite easy and really satisfying. I love doing as much as possible in stateless CSS instead of JavaScript.
Re: Dark mode in a website with CSS
#5I’m probably not representative of the general dark mode user, I think, but I enable dark mode because I want the UI chrome out of the way to concentrate on the content. I don’t want dark content. Is there a way to disable this media query?
Re: Dark mode in a website with CSS
#6How does one enable this setting in Firefox?
I think it's an OS setting rather than a browser setting. On Windows 10 I just searched 'Dark Mode' and toggled 'Default app mode light / dark'
Re: Dark mode in a website with CSS
#7> Photographs also looked harsh. It turns out that many people prefer images, too, to be desaturated in dark mode
This is an interesting choice. While it might be easier on the eyes, personally it feels kind of icky to change colors on images…
Re: Dark mode in a website with CSS
#8How does one enable this setting in Firefox?
browser.in-content.dark-mode
Re: Dark mode in a website with CSS
#9I did this recently for my new personal website! It's quite easy and really satisfying. I love doing as much as possible in stateless CSS instead of JavaScript. http://www.brandonsmith.ninja/
I've been using it for a few months on my personal site as well.
It defaults to the light version and then switches to the dark them on request.
This is so people who don't care or aren't good with computers get the light version and those that can set the system theme have the option of getting the dark version.
Re: Dark mode in a website with CSS
#10How does one enable this setting in Firefox?
Seems it happens automatically if you use the default theme