5 ms·

Apple introduced Dark Mode expecting all major websites to maintain some CSS just for a small percentage of macOS users. I don't think it's going to happen (and

Apple introduced Dark Mode expecting all major websites to maintain some CSS just for a small percentage of macOS users. I don't think it's going to happen (and it's not happening)

SquareWheel 8y ago
This comment intrigued me, so I did some digging. Looks like "prefers-color-scheme" is currently being considered by both Chrome[1] and Firefox[2]. A can-I-use page was just created for it[3]. I'm excited by this one! Think I'll add dark mode support to my simple blog right now. [1] https://bugs.chromium.org/p/chromium/issues/detail?id=889087 https://bugs.chromium.org/p/chromium/issues/detail?id=889087 [2] https://bugzilla.mozilla.org/show_bug.cgi?id=1494034 https://bugzilla.mozilla.org/show_bug.cgi?id=1494034 [3] https://caniuse.com/#feat=prefers-color-scheme https://caniuse.com/#feat=prefers-color-scheme
- chriswarbo 8y ago
  Wow, what an awful thing to standardise! Are there equivalents for high/low-contrast? Red themes, blue themes, multicolour themes, etc.? Why layer something like this on top of an override system, when devs can choose to just not override those things? As an example, the only CSS colours I use on chriswarbo.net are either semi-transparent, or mid-grey (which work on light and dark themes, although I might revisit that since it would presumably not work on default-grey systems like AmigaOS).
  - SquareWheel 8y ago
    I would say it's because light mode and dark mode are being inherited from system settings. Windows, Android, and iOS all have a concept of dark mode. The browser can pass these settings along (or allow an override).
  - kevin_thibedeau 8y ago
    How else should a site query for the user preference? Everyone is operating in the blind right now.
    - chriswarbo 8y ago
      Sites are already styled according to the user's preference, by default. If you want to respect the user's preference, stop overriding things with CSS.
      - SquareWheel 8y ago
        Sites are styled by default browser stylings. When font changes are inherited from user's settings however, it basically just breaks everything. For accessibility reasons, using the zoom feature is much more stable than increasing the default font size.
        chriswarbo 8y ago
        > Sites are styled by default browser stylings Which users choose according to their preferences (e.g. Firefox offers a preferences dialogue for this, and a bunch of about:config options). Whilst most users leave these as the OS/browser vendor's defaults, (in the words of Rush) "if you choose not to decide, you still have made a choice". > When font changes are inherited from user's settings however, it basically just breaks everything. > For accessibility reasons, using the zoom feature is much more stable than increasing the default font size. So you're agreeing that all these sites are broken?
        SquareWheel 8y ago
        No, it's just a lost cause. I've had people complain that their website looks crazy on one specific PC, and after tons of debugging found it's because somebody set their default font size to 200px. Of course, the majority of websites apply their own font styling so this doesn't often come up anymore. But those settings are just death traps at this point. Ineffective in 90% of cases, and hazardous in the 10% where they do work.
  - saagarjha 8y ago
    > Are there equivalents for high/low-contrast? Red themes, blue themes, multicolour themes, etc.? Not yet, although the API seems open enough to add this.
- SquareWheel 8y ago
  Finished now! I ended up switching my SASS variables over to CSS4 variables so I could override them with media queries. Now to wait for better browser support.
saagarjha 8y ago
I've migrated my website, FWIW, and I've seen a couple of other websites already adopting it. This is even considering the fact that no stable browser has enabled this feature.
deleted 8y ago
[deleted]

Apple introduced Dark Mode expecting all major websites to maintain some CSS just for a small percentage of macOS users. I don't think it's going to happen (and it's not happening)

SquareWheel 8y ago

This comment intrigued me, so I did some digging. Looks like "prefers-color-scheme" is currently being considered by both Chrome[1] and Firefox[2]. A can-I-use page was just created for it[3]. I'm excited by this one! Think I'll add dark mode support to my simple blog right now. [1] https://bugs.chromium.org/p/chromium/issues/detail?id=889087 https://bugs.chromium.org/p/chromium/issues/detail?id=889087 [2] https://bugzilla.mozilla.org/show_bug.cgi?id=1494034 https://bugzilla.mozilla.org/show_bug.cgi?id=1494034 [3] https://caniuse.com/#feat=prefers-color-scheme https://caniuse.com/#feat=prefers-color-scheme

chriswarbo 8y ago
Wow, what an awful thing to standardise! Are there equivalents for high/low-contrast? Red themes, blue themes, multicolour themes, etc.? Why layer something like this on top of an override system, when devs can choose to just not override those things? As an example, the only CSS colours I use on chriswarbo.net are either semi-transparent, or mid-grey (which work on light and dark themes, although I might revisit that since it would presumably not work on default-grey systems like AmigaOS).
- SquareWheel 8y ago
  I would say it's because light mode and dark mode are being inherited from system settings. Windows, Android, and iOS all have a concept of dark mode. The browser can pass these settings along (or allow an override).
- kevin_thibedeau 8y ago
  How else should a site query for the user preference? Everyone is operating in the blind right now.
  - chriswarbo 8y ago
    Sites are already styled according to the user's preference, by default. If you want to respect the user's preference, stop overriding things with CSS.
    - SquareWheel 8y ago
      Sites are styled by default browser stylings. When font changes are inherited from user's settings however, it basically just breaks everything. For accessibility reasons, using the zoom feature is much more stable than increasing the default font size.
      - chriswarbo 8y ago
        > Sites are styled by default browser stylings Which users choose according to their preferences (e.g. Firefox offers a preferences dialogue for this, and a bunch of about:config options). Whilst most users leave these as the OS/browser vendor's defaults, (in the words of Rush) "if you choose not to decide, you still have made a choice". > When font changes are inherited from user's settings however, it basically just breaks everything. > For accessibility reasons, using the zoom feature is much more stable than increasing the default font size. So you're agreeing that all these sites are broken?
        SquareWheel 8y ago
        No, it's just a lost cause. I've had people complain that their website looks crazy on one specific PC, and after tons of debugging found it's because somebody set their default font size to 200px. Of course, the majority of websites apply their own font styling so this doesn't often come up anymore. But those settings are just death traps at this point. Ineffective in 90% of cases, and hazardous in the 10% where they do work.
- saagarjha 8y ago
  > Are there equivalents for high/low-contrast? Red themes, blue themes, multicolour themes, etc.? Not yet, although the API seems open enough to add this.
SquareWheel 8y ago
Finished now! I ended up switching my SASS variables over to CSS4 variables so I could override them with media queries. Now to wait for better browser support.

saagarjha 8y ago

I've migrated my website, FWIW, and I've seen a couple of other websites already adopting it. This is even considering the fact that no stable browser has enabled this feature.

deleted 8y ago

[deleted]