Screenshot of the article in both light and dark mode with a toggle with 3 states at the top

Notices where this attachment appears

1. Embed this notice
   Stef Walter (stephaniewalter@front-end.social)'s status on Tuesday, 02-Jul-2024 22:31:39 JST Stef Walter

   Brandur wrote a really nice tutorial on how to implement a dark mode, that uses prefers-reduced-motion and some local storage, plus some JavaScript to make a tri-state toggle to keep user preferences between always light, always dark, and follow device theme. Here you go: https://brandur.org/fragments/dark-mode-notes

   Love it, especially since some of you asked for one, when I wrote Dark mode & accessibility myth (https://stephaniewalter.design/blog/dark-mode-accessibility-myth-debunked/) and explained it’s good practice to let user chose between dark and light mode.