The knowledge help article about what is dark mode and the history of it. And what are the free solution to improve our web and desktop experience.
What is dark mode
What is Dark Mode, is the name that brings the background in a darker color. And the text on brighter color. For example, the background is black and the text is white.
On the web (as website developer or webmaster), it is also known as a CSS dark scheme for the website developer that can customize the website in his own stylesheet for that certain model. While the CSS light version is the light scheme stylesheet.
Long before the web exists and that we have smartphones in our pocket. In the years of the ’70s and ’80s since the first computer was not for the public. The display interface was a black background, and with text in green bright color. The assistant or the computer manager must type commands in this dark terminal to execute his work. The display device or monitor was even the biggest attribute on the table.
After those years, computers and color screen monitors are created that in the beginning ’90 years. And until the mid-’90s the first flat-panel color LCDs started to appear.
The start of using the Dark Mode was since the mobile device such as iPhone and Android. And that developer such as Google created his Dark Mode version of his operating system. And so do the web merge also to this new industry standard to create a light and dark stylesheet of his website.
The pro and cons of Dark Mode
You can get serious benefits if your screen is OLED. Because using black background on an OLED screen can hugely increase the battery life of your device. Such as your smartphone. Because with this latest display screen technology it will not burn the mini lamps because it is turned off. As the screen must not enable, and not provide any power to these mini lamps. Or better called led lights.
If you have just a LED, then it will provide power to this lamp. That to show you the black pixel on the screen.
When browsing the web late at night, it is comfortable and healthy to not have a shining light source on your face. That will create your Eye strain. But in terms of readability, when you want to read a text. Ensuring that there is a higher contrast between text and background. Because according to a study from the University of British Columbia is best to have a white paper background with the text in black as the color. That makes it for your eyes very easy to find and read the text faster.
Not all websites are showing you the dark mode website, but if you want to get dark mode on all websites today in your favorite web browser. You can get and install the free Turn Off the Lights browser extension. And enable in the Options page the Night Mode feature.
See this YouTube video tutorial on how you can enable this feature.
Hope that answer one of your questions about the Mashable Dark Mode:
- What is dark mode?
- Activate dark mode for a website?
- How do I make a website in Dark Mode?
If you find it useful to get your knowledge about what is Dark Mode, then you can share the link on Facebook or share the link on Twitter. So your family, friends, or colleges can know about this handy free tool.
Do you found technical, factual and grammatical errors on the Turn Off the Lights website?
You can report a technical problem using the Turn Off the Lights online technical error feedback form.