Dark mode is becoming more and more prevalent across the web and now standards are letting us align with native system settings. Let’s take a look at dark mode.

Dark mode and light mode are becoming more and more prevalent across the web, so it makes sense that standards are now being produced to help us manage this in line with native system settings.

In this guide, we’ll be looking at how to do dark mode properly.

Why Should We Use Dark Mode?

Dark mode is very trendy and cool at the minute, but the day to day use of it and why you should do it can be boiled down to three main points:

  • Accessibility and Usability - Dark mode can provide a method to give higher contrast to users with sight issues. It also lets users who want to use dark mode on their devices continue their journey on your site, rather than being forced to view a white page.
  • Energy-saving - it saves energy, especially on devices where pure black pixels do not emit any light.
  • Options - it gives users options as to how they will view and engage with your pages.

#javascript #html #css #web-development

The Quick Guide to Dark Mode
2.10 GEEK