Dark Mode: A Media Query Dr. Foltz
December, 2020
Many apps and websites utilize dark mode; when the device is placed in dark mode, apps and websites follow suit. This is fairly simple to accomplish with modern web browsers.
Note: in this example, the website will follow the device settings. A more advanced approach would allow the user to override the device settings within the web page.
Begin by declaring the colors used for dark mode.