While Google Chrome already allows you to enable dark mode in the settings, it doesn’t apply to all web pages. In fact, the dark mode doesn’t get applied to Google’s very own Calendar page or Beebom’s own website. That’s where the need for automatic dark mode in Chrome for such pages comes in. The good thing is that, from Chrome Flags to Chrome Extensions, there are multiple ways to do so on the browser. With that being said, here’s how to enable auto dark mode in Google Chrome easily!
Activating Auto Dark Mode Using Chrome Flags
Whether you're using the Google Chrome PC, Android, or iOS app, the process of forcing dark mode on all web content is quite similar. Once you head over to Chrome on any of these platforms, you will need to access Chrome flags.
- In the address bar, paste this:
chrome://flags/#enable-force-dark.
After hitting enter, you’ll see the Auto Dark Mode for Web Contents experimental feature highlighted, which should be set to Default mode initially. To change this, simply click on the drop-down menu next to it and select Enabled from the options.
- Once you make this change, a blue Relaunch button will appear at the bottom. Click it to apply the settings.
Google Chrome should relaunch, and now all websites will appear in dark mode. You can revert this by selecting Default or Disabled in the Chrome Flag’s drop-down settings.
If you’re looking for another method, using Chrome Extensions is also a viable option to force dark mode automatically on web pages.
Utilizing Chrome Extensions for Dark Mode
Chrome Extensions can only be used on the desktop version of the browser. One highly recommended extension for enabling dark mode on all web pages is Dark Mode Everywhere. To install this extension, follow these steps:
- Click on the three-dot menu in the upper right corner to open the Chrome menu.
- Hover over the Extensions panel and select Visit Chrome Web Store from the sub-menu.
This will take you directly to the Chrome Web Store. Here, use the search bar to look for “Dark Mode Everywhere”. Alternatively, you can click on a direct link if available.
- On the extension’s page, click Add to Chrome.
- In the pop-up window, click Add extension to confirm the installation.
After installation, you'll be redirected to the extension's official website, which will guide you on how to use it. Simply click on the Extensions icon at the top, and you should see the extension listed. Click on it to access the settings, ensuring it is set to Auto.
To disable the dark mode, just click Off in the extension’s settings panel. And with that, you have successfully enabled auto dark mode in Google Chrome!
Visual Comparison of Chrome Dark Mode
Once you follow these steps correctly, you will notice a significant difference in how web pages appear. Below is a visual comparison showing the Beebom website without auto dark mode enabled, versus how it looks with dark mode.
If you're interested in exploring the best Chrome Flags or Extensions available, we have dedicated guides for that as well. If you have any questions, feel free to leave them in the comments, and we’ll do our best to assist you!
