How to enable Forced Dark Mode on every website with Google Chrome
Rajtilak Bhattacharjee
-
October 23, 2019
With version 78, Google Chrome has introduced a new feature called Forced Dark Mode that forcibly enables a dark theme for any website, regardless if the website supports one or not.
This "dark mode" refers to a website's content, and should not be confused with the operating system's dark mode, or the browser's UI dark mode. Those dark modes refer to the color of the OS and the browser's user interface elements, and not to a website's color scheme.
For example, a website like #TechGeek does not natively support a dark mode. By default, our website has a light theme, showing black text on a white background, like most other news sites. However, with Forced Dark Mode, anyone can enable a dark theme on #TechGeek (or any other) website, showing white text on a dark background.
To enable Forced Dark Mode in Chrome 78 and later, users must enable a Chrome flag, which is a special browser setting that enables a hidden feature. All Chrome flags are accessible at the chrome://flags address. The official name for this feature is "Force Dark Mode for Web Contents" and its shortcut is:
chrome://flags/#enable-force-dark
On this page, numerous options will be available in the dropdown menu for this Chrome flag. However, they all work the same, with slight variations, so there's no need to panic or feel overwhelmed. These are all color models using which Chrome computes the opposite color of the website because Forced Dark Mode uses color theory to inverse the color to its exact opposite (white to black, and vice-versa).
In the end, it's all about which color mode makes the website looks appealing to you when using the "Forced Dark Mode". Would suggest you to test each one and see which is to your liking. You can't go wrong with CIELAB, if you need a quick recommendation.
Breaking News
Connect on Facebook
Categories
Add-in
Adsense
Alteryx
Android
Apple
Apps
Artificial Intelligence
Blogger
Blogging
Browser
Business Intelligence
Chrome
Coding
Computer Vision
Data Analytics
Data Science
Data Visualization
Deep Learning
Downloads
EDA
Excel
Extension
Firefox
Gaming
Gartner
GitHub
Gmail
Google
Google Domains
Google Sheet
GPT3
Guest Post
How To
Humor
IEEE
Instagram
Interview
iOS
iPhone
Job
Jupyter
Kotlin
Language
Machine Learning
Macro
Mathematics
Medium
Microsoft
Mobile
NLP
Office
Opera
Paid Post
Pandas
Pixel
PowerPoint
Programming
PUBG
Python
R
Reddit
Safari
SAP
Security
Service
Social Media
Tableau
Templates
Tool
Training
VBA
VGG16
Video
Visualization
WhatsApp
Windows
Windows Phone
Word
WordPress