The dark theme has gained traction over the past few years. All the major players are doing it, but there are notable inconsistencies. For example, if we talk about the internet, all the major browsers, Chrome, Firefox, Microsoft Edge(including the new one) have support for dark theme, but it doesn’t go beyond the home page. In short, changing the browser theme to dark won’t affect websites’ default light theme. Good news, this is going to change soon.
Thanks to media queries: Prefers-color-scheme, besides the home page, websites will get to enjoy the dark view too. Mozilla already enabled it and, therefore, it is likely that the upcoming Firefox 67 will be getting the feature. On the flip side, Google announced that they’re working on it, however, it refused to comment as to when the feature will hit the Chrome browser. Once ready, Chrome for Windows, Mac, Linux, Chrome OS, Android, all will be able to turn on the feature.
In case you are not aware, to enable the dark theme on browsers on Windows 10, Mac, Android, you’ll have to change the system settings to dark or light.
media queries prefers-color- schemes, however, will allow you to set three values in your browser – no preference, dark, and light. As the name suggests, no preference means that you like the default theme, while setting it to light is equivalent to saying your browser go light. And lastly, if you set it to dark, the browser will set everything to dark and not just the home page.