What is Dark Mode?
Dark Mode is a supplemental mode that can be used to display mostly dark surfaces on the UI. The design reduces the light emitted by device screens while maintaining the minimum color contrast ratios required for readability. The advantages of Dark Mode are, it enhances visual ergonomics by reducing eye strain, facilitating screens to adjust according to current light conditions and providing comfort of use at night or in dark environments.
Additionally, it conserves battery power, thereby enabling device usage for longer periods without charging. Usually, the Dark Mode theme can be turned off or on using a prominently displayed toggle icon on the screen. Alternatively, it is placed in the menu options or within the app’s settings.
What are the pros and cons of Dark Mode?
The dark theme comes with its share of advantages and disadvantages.
Pros:
It saves energy, mainly if the device uses an OLED or AMOLED screen.
While the dark text on a white background is the best in terms of readability, Dark Mode (which has light text on a dark background) is better for reducing eye strain in low light conditions.
With the majority of the screen dark, the screen glare is reduced, thereby minimizing flickering and blue light.
Cons:
Dark themes are not always better for eye strain. In bright light conditions, the text appears washed out, increasing eye fatigue.
Long pieces of content or text are more challenging to read in Dark Mode.
The benefits of dark mode
Health & well-being
"Everyone can relate to being in a room where the lights are turned down and you've got this white screen blinding you,"
But it is not just dry and painful eyes we get from looking at bright blue screens all day long. Exposure to light also suppresses the secretion of melatonin, a hormone needed for sleep. That is also the reason why many of our car dashboards are now blue – to keep us up and alert.
Most of us use our mobile devices throughout the entire day and night. According to Nielsen research group In 2018 Q1, we spent more than 11 hours per day on our devices. It's not surprising why many of us deal with eyes that feel — dry or itchy, and is sometimes accompanied by insomnia, headaches, or neck pain. And even worse, lower melatonin levels have been linked to an increased risk of obesity and some cancers.
Battery saving
Dark mode apps can prolong the battery life of your smartphone. Google has confirmed that using dark mode on OLED screens has been a huge help for battery life. For example, at 50% brightness, the Dark Mode interface in the YouTube app saves about 15% screen energy compared to a flat white background. At 100% screen brightness, the dark interface is saving a whopping 60% of screen energy. While OLED screens are mainly used by Android devices, lately there has been some good news for iPhone users also. Apple has promised to drop all LCD screens by 2020 and deliver all future generation devices with OLED screens. As both IOS and Android should get the native dark mode later in the year, it seems to be a promising upgrade to our phones battery life.
It looks amazing
Let's be honest, dark mode just looks super amazing. While most products are going for that similar bland white look, the mode does offer something different that feels mysterious and new. It also provides great opportunities for presenting graphic content such as graphs, dashboards, pictures, and photos. For example, in Weekdone we use the RAG system to provide a quick visual overview of goals progress. Here's how it looks in dark mode vs light mode.
Colors seem to just pop up better on dark backgrounds. The table demonstrating levels of contrast and performance of different color combinations highlight an interesting fact: the black part of the table is the only one that provides good contrast for practically all the colors.
The color of items in an interface may also completely change how we are interacting with the content. There is some research that explores the correlation between the retention of users and using dark mode, which makes it an interesting opportunity for app developers. Eyes get less tired at night, so basically you are able to consume the content for longer periods. If you are like me, who loves to read before going to bed, then having a dark mode really makes it easier on your eyes.
When you shouldn't use dark mode?
However, not everything about dark backgrounds is good. For example, when you are using a device in a well-lit room or in direct sunlight, text positioned on dark backgrounds can be difficult to read. So the only reason not to implement a dark mode is when you're certain your app is exclusively being used during bright daylight, but this is rather exceptional.
This is why an automatic switch from sunset until sunrise is a must-have feature. Users don't even have to keep switching several times a day, which is truly great usability.
List of other popular services that support dark mode
Operating systems
Windows 10
Mac OS Mojave
Android
IOS 13
Browsers
Google Chrome
Safari
Mozilla Firefox
Chat services
Facebook Messenger
Whatsapp
Viber
Skype
Slack
Social media
Twitter
Productivity tools
Todoist
Notion
Trello
Dark Mode is a supplemental mode that can be used to display mostly dark surfaces on the UI. The design reduces the light emitted by device screens while maintaining the minimum color contrast ratios required for readability. The advantages of Dark Mode are, it enhances visual ergonomics by reducing eye strain, facilitating screens to adjust according to current light conditions and providing comfort of use at night or in dark environments.
Additionally, it conserves battery power, thereby enabling device usage for longer periods without charging. Usually, the Dark Mode theme can be turned off or on using a prominently displayed toggle icon on the screen. Alternatively, it is placed in the menu options or within the app’s settings.
What are the pros and cons of Dark Mode?
The dark theme comes with its share of advantages and disadvantages.
Pros:
It saves energy, mainly if the device uses an OLED or AMOLED screen.
While the dark text on a white background is the best in terms of readability, Dark Mode (which has light text on a dark background) is better for reducing eye strain in low light conditions.
With the majority of the screen dark, the screen glare is reduced, thereby minimizing flickering and blue light.
Cons:
Dark themes are not always better for eye strain. In bright light conditions, the text appears washed out, increasing eye fatigue.
Long pieces of content or text are more challenging to read in Dark Mode.
The benefits of dark mode
Health & well-being
"Everyone can relate to being in a room where the lights are turned down and you've got this white screen blinding you,"
But it is not just dry and painful eyes we get from looking at bright blue screens all day long. Exposure to light also suppresses the secretion of melatonin, a hormone needed for sleep. That is also the reason why many of our car dashboards are now blue – to keep us up and alert.
Most of us use our mobile devices throughout the entire day and night. According to Nielsen research group In 2018 Q1, we spent more than 11 hours per day on our devices. It's not surprising why many of us deal with eyes that feel — dry or itchy, and is sometimes accompanied by insomnia, headaches, or neck pain. And even worse, lower melatonin levels have been linked to an increased risk of obesity and some cancers.
Dark mode apps can prolong the battery life of your smartphone. Google has confirmed that using dark mode on OLED screens has been a huge help for battery life. For example, at 50% brightness, the Dark Mode interface in the YouTube app saves about 15% screen energy compared to a flat white background. At 100% screen brightness, the dark interface is saving a whopping 60% of screen energy. While OLED screens are mainly used by Android devices, lately there has been some good news for iPhone users also. Apple has promised to drop all LCD screens by 2020 and deliver all future generation devices with OLED screens. As both IOS and Android should get the native dark mode later in the year, it seems to be a promising upgrade to our phones battery life.
It looks amazing
Let's be honest, dark mode just looks super amazing. While most products are going for that similar bland white look, the mode does offer something different that feels mysterious and new. It also provides great opportunities for presenting graphic content such as graphs, dashboards, pictures, and photos. For example, in Weekdone we use the RAG system to provide a quick visual overview of goals progress. Here's how it looks in dark mode vs light mode.
The color of items in an interface may also completely change how we are interacting with the content. There is some research that explores the correlation between the retention of users and using dark mode, which makes it an interesting opportunity for app developers. Eyes get less tired at night, so basically you are able to consume the content for longer periods. If you are like me, who loves to read before going to bed, then having a dark mode really makes it easier on your eyes.
When you shouldn't use dark mode?
However, not everything about dark backgrounds is good. For example, when you are using a device in a well-lit room or in direct sunlight, text positioned on dark backgrounds can be difficult to read. So the only reason not to implement a dark mode is when you're certain your app is exclusively being used during bright daylight, but this is rather exceptional.
This is why an automatic switch from sunset until sunrise is a must-have feature. Users don't even have to keep switching several times a day, which is truly great usability.
List of other popular services that support dark mode
Operating systems
Windows 10
Mac OS Mojave
Android
IOS 13
Browsers
Google Chrome
Safari
Mozilla Firefox
Chat services
Facebook Messenger
Viber
Skype
Slack
Social media
Productivity tools
Todoist
Notion
Trello
