Using Dark Mode in CSS with MacOS Mojave

Post by dao- » Thu, Oct 25, 2018, 12:41 PM UTC

red-tea wrote: post #5

Firefox has the option to set default colours based on your theme, so mine are set to dark colours. However, I find that many sites become unusable because they assumed the user defaults would be black text on white background. I use Stylus to override things which sometimes works but not always. Is there actually a way to fix this?

Post by shurcooL » Thu, Oct 25, 2018, 12:53 PM UTC

Post by konradzikusek » Thu, Oct 25, 2018, 1:03 PM UTC

k__ wrote: post #42

Reminds me of the use of operating system colors in CSS back in the days. I tried to make websites look like native apps with these, haha.

Post by codazoda » Thu, Oct 25, 2018, 1:24 PM UTC

morley wrote: post #38

modernerd wrote: post #8

This is a great blog post to build awareness of the prefers-color-scheme feature. But I don't think it's safe to assume that someone who sets a dark UI also wants web pages displayed like that. I set dark mode in macOS to have the UI fade into the background and reveal the content; I don't want or expect that websites will present white text on a dark background too. That's fine for coding but can be less readable fo…

This is why I think they should focus on exposing the dark mode setting in Javascript instead of CSS. Sites that support dark mode should (and will almost always) have a toggle for it. It'd be better if this setting helped _inform_ the default initial state rather than _forcing_ a choice on you. To me, that's a lot easier done with a Javascript API than CSS.

Post by PhasmaFelis » Thu, Oct 25, 2018, 1:33 PM UTC