

It also saves energy on some types of screens.ĭark mode is available on the latest macOS and Windows 10, but also in the form of a browser plugin ( Dark Background and Light Text add-on for Firefox, Dark Night Mode Chrome extension). For instance, people who work in the evening, those spend a lot of time behind their screens and users with low vision. This setting improves the experience for all sorts of users. What’s dark mode?ĭark mode (similar-ish to high contrast mode) is a setting on platforms, browsers or devices that inverts a user’s colour scheme: from dark elements on a light background to light elements on a dark background. Using inline SVGs with currentColor fixed the issue.

The QA engineer I worked with, found some of those did not show up in dark mode, which rendered the buttons unusable for users of that mode. In a project I work on, we had a couple of buttons that consisted of just icons (with visually hidden help text).
