• dan@upvote.au
    link
    fedilink
    arrow-up
    24
    ·
    edit-2
    10 hours ago

    It’s literally just one line of HTML though:

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

    Not complicated at all.

    • drkt@lemmy.dbzer0.com
      link
      fedilink
      English
      arrow-up
      2
      arrow-down
      1
      ·
      9 hours ago

      They’re already more complicated than I want them to be so I’m passing on that

    • Boomkop3@reddthat.com
      link
      fedilink
      arrow-up
      1
      arrow-down
      6
      ·
      10 hours ago

      And some css, and accessibility issues. Dark mode isn’t actually great for everyone.

      • dan@upvote.au
        link
        fedilink
        arrow-up
        24
        ·
        edit-2
        10 hours ago

        It doesn’t need any CSS since the Nginx error pages use the browser’s default styling. The meta tag just tells the browser to use its default light or dark mode styling depending on the user’s preference.

        A standard behaviour on all sites that properly implement dark mode is that it adheres to the system-wide dark mode setting by default. If the user doesn’t want dark mode, they’d turn it off system-wide. The site can let the user opt in to dark mode just for that site, but the default is based on the system setting.

      • dan@upvote.au
        link
        fedilink
        arrow-up
        8
        ·
        6 hours ago

        accessibility issues

        Respecting the user’s choice (whether to use dark mode or not) helps accessibility rather than hindering it.