Dark mode for digital interfaces is a pretty hot topic. Microsoft Office recently switched its suite to dark mode compatibility. Even a separate trailer was produced for it. With the new operating system iOS and iPad OS versions from Apple, dark mode is also finding its way into the mobile devices of Apple users. Android has offered the dark mode a bit longer. However, it will give new impetus to the spread of the feature.
As it becomes more widespread, it is time to think about adapting your website and webapps.
Do not flood website users with light in dark mode
From my own experience, you get used to dark mode in Mac OS very fast. I am using One Switch – Fireball Studio, an app that activates dark mode with sunset. This makes working in less light-poor surroundings easier for the eyes.
Many native programs such as mail, calendar and code editors already fully support dark mode. On the web, however, the picture is different. As soon as you switch to the browser, users are overwhelmed with bright sites again relatively quickly. The experience can then quickly become exhausting. There are already some browser plugins that try to generate a dark mode for all websites. However, companies do not influence the color schemes and corporate design. It would therefore be better to incorporate the support of the dark mode to have full control of the display.
Current browser versions such as Chrome, Safari and Firefox already support Dark Mode and can also pass on information about switching off the light to websites. However, the support must also be implemented within the website.
We have implemented the dark mode with PHMU.de and hope that this will make surfing more pleasant for users and protecting the eyes.