Floppy,
@Floppy@mastodon.me.uk avatar

People who use “dark mode” colour schemes on the web; is it preferable to choose it yourself via a setting specifically for the site, or have the site automatically switch based on your system preferences? Is there best practice here?

anomis66,
@anomis66@mastodon.me.uk avatar

@Floppy
I have it set at the desktop theme level and at the browser. The only time I run into issues is with webmail and my chosen provider has an option to flip to the light theme.

Floppy,
@Floppy@mastodon.me.uk avatar

Thanks for all the dark mode replies. Unfortunately bootstrap 5.3 allows either auto detection, OR manual choice, not both at once, so I’ll start with auto based on system, then at some point in the future add a manual control.

mikemai2awesome,
@mikemai2awesome@mastodon.social avatar

@Floppy auto switch but gimme the site button too

yatil,
@yatil@yatil.social avatar

@Floppy Generally follow system preferences unless the user made an explicit choice: https://yatil.net/blog/welcome-to-the-dark-side

DamonHD,
@DamonHD@mastodon.social avatar

@Floppy I prefer sites that follow my system settings (and my own main site is set up that way), not second-guessing when I might like dark mode (looking at you New Scientist).

brunogirin,
@brunogirin@mastodon.me.uk avatar

@DamonHD @Floppy same, especially considering some users switch on dark mode based on external factors like time of day. If you want to add settings, I'd go for:

  • follow system preferences (default)
  • light
  • dark
    And if system preferences are not set, default to a known option, don't try to guess.
DamonHD,
@DamonHD@mastodon.social avatar

@brunogirin @Floppy FWIW by system is set up in the HTML as:

<meta name=color-scheme content="light dark">

then in the in-line CSS:

@media (prefers-color-scheme: dark) { body { background-color: ; color: ; } img{ filter: brightness(.9); } }

and that is basically it.

gustav,
@gustav@jkpg.rocks avatar

@Floppy both! The default should match the browser/operating system setting and with an option to override on the website

psfshr,
@psfshr@mastodon.me.uk avatar

@Floppy Automatically set based on my desktop scheme, but let me override it as well (preferably without that ‘flash’ as the browser works out what to set

fishidwardrobe,
@fishidwardrobe@mastodon.me.uk avatar

@Floppy I like dark mode for apps but light mode for websites. I think this comes of too many sites that tried to show me dark grey text on a black background.

Plus, I know this is a bit Old Man Yells At Cloud of me, but it's none of the website's business what my desktop settings are? Creepy.

Edent,
@Edent@mastodon.social avatar

@Floppy I always want a big, obvious switch.
I like dark mode, but I want to choose to toggle it. Mostly because some of them are atrociously designed.

slowe, (edited )
@slowe@mastodon.me.uk avatar

@Floppy You should follow their explicitly presented preference but also give them an easy way to switch to light mode if/when they want. It feels like you are deliberately ignoring what they've asked for otherwise, and is annoying for those who want dark mode to have to set it again for every website.

agvbergin,
@agvbergin@mastodon.me.uk avatar

@Floppy whatever causes the least amount of flashing of light mode, and if you can't get rid of this then can be better not to do dark mode

boffbowsh,
@boffbowsh@mastodon.me.uk avatar

@Floppy I have no needs here, just a preference. I prefer it to default to my system choice (dark), and allow me to specify if I like. For example, I can’t get on with Notion’s dark mode so I switch to light mode.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • accessibility
  • ethstaker
  • DreamBathrooms
  • cubers
  • magazineikmin
  • InstantRegret
  • GTA5RPClips
  • thenastyranch
  • Youngstown
  • rosin
  • slotface
  • osvaldo12
  • ngwrru68w68
  • kavyap
  • everett
  • JUstTest
  • Durango
  • Leos
  • cisconetworking
  • mdbf
  • khanakhh
  • normalnudes
  • tester
  • modclub
  • anitta
  • tacticalgear
  • megavids
  • provamag3
  • lostlight
  • All magazines