🌗 Dark mode

[juanfernandes]

As a user I want to be able to see a dark version of the website and be able to toggle this setting on and off.

• create dark mode css
• create icon button toggle

---

• https://www.instapaper.com/read/1199101580
• https://codepen.io/juanfernandes/pen/bPaWGg
• https://piccalil.li/tutorial/create-a-user-controlled-dark-or-light-mode

Adding a little dark magic to the web https://medium.com/@dizzyup/adding-a-little-dark-magic-to-the-web-8eb82ce5fd91

https://paulmillr.com/posts/using-dark-mode-in-css/

Redesigning your product and website for dark mode https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode

https://blog.iconfactory.com/2018/10/dark-mode-and-css/

Learn CSS Variables in 5 minutes – freeCodeCamp https://medium.freecodecamp.org/learn-css-variables-in-5-minutes-80cf63b4025d?mc_cid=545e488581&mc_eid=ad1356f8b5

@keithamus There you have it folks. If you want your site to work with macos Mojave's Dark Mode, there's a css media query for it: prefers-dark-interface.

https://t.co/ZwSM8V2qZM

hat-tip @jonrohan https://t.co/EvtgkV4JsK

Link to Tweet: https://twitter.com/Keithamus/status/1007557906378706944

@media (prefers-color-scheme: dark) {
  body {
    background: black;
    color: white;
  }
}

• https://daverupert.com/2020/10/variable-layers/
• https://adactio.com/journal/15941
• https://iconstore.co/icons/rns-weather-icons/
• https://davidwalsh.name/prefers-color-scheme
• https://dev.to/grumpytechdude/easy-css-theming-with-variables-5616
• https://catalin.red/svg-favicon-light-dark-theme/
• https://www.giftegwuenu.com/how-to-switch-logo-in-dark-mode/
• https://www.stefanjudis.com/today-i-learned/how-to-tell-browsers-that-your-site-supports-color-schemes/
• https://web.dev/color-scheme/