View source for dark mode

{{stub}}

'''<dfn>dark mode</dfn>''' is a feature of websites and apps that change the color scheme to be easier to read at night or in low light settings.

== Why ==

You should support Dark Mode on your website so when readers choose to use Dark Mode in their OS or browser, your website restyles accordingly and handles images and other resources better than any default color transformations would.

A few more reasons why you might want to add a dark mode include:

* dark mode can be less intense on one’s eyes, thus providing a better UX to those who struggle with bright colors on screen.
* add more reasons

== How to ==
(this section is a stub, please help expand it with specific steps!)

See {{adactio}}’s article [https://adactio.com/journal/15941 Dark Mode] for an introduction and step by step description of how it works and what he had to do to add Dark Mode support to his website.

== IndieWeb Examples ==

* {{adactio}} has supported dark mode on his website adactio.com [https://adactio.com/journal/15941 since 2019-09-29].
* {{gwg}} added dark mode to his WordPress theme on david.shanske.com since 2021-07.
* {{snarfed}} has supported automatic (OS-based) dark mode on snarfed.org since 2021-07-14
* {{kvibber}} has supported dark mode on his site [https://hyperborea.org/tech-tips/darkmode-web/ since 2022-04-13]
* {{aciccarello}} has supported dark mode on his website [https://www.ciccarello.me/posts/2023/10/02/now-with-dark-mode/ since 2023-10-02]
* {{lazcorp}} has supported dark mode on his www.lazaruscorporation.co.uk since 2024-02-03
* {{artlung}} began support for dark mode using the <code>@media screen and (prefers-color-scheme: dark)</code> on artlung.com since 2024-05-16

== See Also ==
* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
* https://css-tricks.com/dark-modes-with-css/
* whitehouse.gov has a dark mode as of 2021: https://www.theverge.com/2021/1/20/22240864/new-white-house-website-dark-mode-accessibility
* https://infosec.exchange/@catsalad/109910417804717204 and possible page-cartoon: https://media.infosec.exchange/infosecmedia/media_attachments/files/109/910/417/697/377/848/original/2eff77915cf5bcd5.jpg
** "*Hacker Noises*" [https://infosec.exchange/@catsalad @catsalad] February 22, 2023