How to put the dark mode for websites in Chrome iPad and iPhone ⇨

While it’s possible to force dark mode for all websites in Chrome on PC and Android, achieving the same on iOS devices can be a bit challenging. Chrome for iOS supports dark mode, but it doesn’t allow you to browse website pages using the dark theme. In this guide, you’ll learn how to enable dark mode for websites on Chrome for iPad and iPhone.

Force Dark Mode for Websites in Chrome iOS

In Chrome for Android, you can enable an experimental flag to force dark mode on all websites. However, this feature is not available in the iOS version of Chrome. This can be inconvenient for users who like to browse websites and read articles in the dark or at night.

Here are some easy solutions to enjoy websites and pages with a dark theme in Google Chrome on your iPhone and iPad.

Method 1 – Force Dark Mode on Sites using Smart Invert

iOS and iPadOS have a built-in feature called Smart Invert, which intelligently inverts colors on the screen, except for images and media. When enabled, websites in Chrome will load in dark mode without affecting the visibility of text or images. Here’s how to use it:

Before you begin, make sure dark mode is turned off on your iPhone or iPad. You can turn it off from Settings > Display & brightness.

Open Settings and click on Accessibility.
Click on Display & Text Size.
Enable the Smart Invert option on this page to invert the colors on your screen.
Open Chrome on your iPhone or iPad.
Load any website or web page, and it will open in a dark theme.

Add Smart Invert Shortcut to Control Center

To make it easier to enable Smart Invert for browsing websites in dark mode in Chrome, you can add a shortcut to your Control Center:

Open Settings on your iPad or iPhone.
Click on Control Center.
Touch the + button next to Accessibility Shortcuts to add it to Control Center.
Open the Control Center and tap on the Accessibility icon.
Tap on Smart Invert. Continue if prompted.
Now you have added the shortcut to turn Smart Invert on and off in your iOS Control Center.

Whenever you want to browse a website in dark mode in Chrome, open the Control Center, tap the Accessibility icon, and touch Smart Invert. The website will instantly switch its colors from light to dark.

Method 2 – Enable Dark Theme for Google Search

By default, Google search results open with a light theme. However, Google allows you to manually switch the theme of the search results page to dark. Here’s how:

Open Chrome on your iOS device and visit Google Search.
Scroll down to the bottom of the page.
Click on Dark Theme: Off. The page will reload in a dark theme, and all your searches will appear on a dark-themed results page from now on.

If you can’t find the dark theme option on the Google page, click on Settings > Search Settings. On the next screen, select Dark Theme under Appearance.

Method 3 – System-Wide Dark Mode on iOS/iPadOS

Another option is to use the system-wide dark mode on iOS, which changes Chrome’s UI elements to the dark theme when you enable dark mode for your iPhone or iPad:

Open Settings on your iPad or iPhone.
Click on Display & Brightness.
Select Dark under Appearance. If you want Chrome to automatically switch between light and dark themes, turn on the Automatic option.

Bonus: Use Safari to Browse Websites in Dark Mode

For the best dark mode browsing experience on your iPhone or iPad, you might want to consider using the built-in Safari browser. Safari on iOS allows you to use dark reader view for web pages and utilize dark mode extensions to force it on all websites.

Conclusion

In this guide, you’ve learned how to enable dark mode for websites in Google Chrome on your iPad and iPhone. Whether you use Smart Invert, enable the dark theme for Google Search, or leverage system-wide dark mode, these methods will help you browse the web comfortably in the dark. What’s your preferred browser for iOS?

For more topics related to enabling dark mode in Chrome on iPad and iPhone, continue exploring our related articles.