Here’s how you can take advantage of dark mode support for HTML form controls.

When the web developer expresses support for dark mode, and the user has this mode enabled, our user agent (UA) stylesheet will “auto-darken” form controls out-of-the-box: Light modeĪny styles added by the web developer or user will override the user agent style as per usual-if you’ve made your text input background hot pink, you’ll need to update that color yourself in dark mode using the prefers-color-scheme media query. More recent collaborations extend support to the Android platform: these changes will begin showing up in Chrome v91 for Android, and will be available in future versions of Microsoft Edge for Android. Dark mode controls are available in Microsoft Edge on desktop as of v87. To make it easier for websites to support a cohesive dark mode theme, Microsoft and Google have collaborated to bring support for dark mode form controls to Chromium. While some users may simply prefer the aesthetics of dark UI, others may find that dark mode helps ease eye strain or helps reduce screen brightness at night.

If you build a web application, chances are good that you’ve received user requests for dark mode support in the past couple of years.

Dark mode google chrome windows 8