How to Enable Dark Mode on Your Web Browser
The internet never sleeps, meaning you can stare at a brightly lit display at all hours of the day, potentially messing with your sleep and putting strain on your eyes. Turn down the lights by enabling dark mode in your browser.
Many popular mobile apps offer darker color schemes, but on the web, the color theme of each website is set by the site’s developer. Still, you can make the browsing experience easier on the eyes by changing the color of menu pages or playing with certain experimental features. Here’s how to do it in Chrome, Firefox, Safari, Edge, and Opera.
- Chrome Desktop AppChrome doesn’t offer an official dark mode, but you can add custom themes that change the color of the browser. Open the settings menu and go to Settings > Appearance > Themes to launch the Chrome Web Store.One of the better options is Just Black, which changes the menu bar and new page screen to black. Super Dark Mode, meanwhile, forces a dark mode on every website, but may affect functionality in some cases. You can also whitelist pages, changing brightness levels, and setting time limits.Newer versions of Chrome also honor the system theme of your operating system. Make sure you have the most recent version of Chrome. Then enable dark mode in your OS, and Chrome will turn all supported settings pages to black. For websites to appear darker, developers must make their webpages compatible with the color theme.
- Chrome Mobile AppChrome’s Android app has an official dark mode that you can enable in just a few steps. Make sure you have the most updated version of Chrome for Android and then tap the three-dot menu and select Settings > Themes. You can then select Dark or System default, if dark mode is enabled at the system level. If you’re on an iPhone or iPad, you will have to rely on the system theme you have set in iOS 13 or iPadOS.Firefox Desktop AppOn the desktop version of Firefox, open Settings > Options > Extensions & Themes > Themes to view the different themes available. By default, Firefox will follow the lead of the operating system color scheme, but you can enable a dark theme, too. Tap the ellipsis menu next to Dark and select Enable to change themes.As an alternative option, you can dip into certain Firefox extensions, which will give Firefox, and many web pages, a darker theme. The quality of the extensions vary, so you’ll have to hunt around to see which ones you like best.Firefox Mobile AppEnabling dark mode in Firefox for iOS is simple. Tap the browser’s hamburger menu () and activate the Enable Night Mode switch, which gives menus and web pages a dark theme. If you want to give Firefox a dark theme on Android, you’ll have to turn to the browser’s Add-ons to find a dark mode extension.
Safari Desktop App
Safari does not offer its own dark mode, though it does support the greater macOS dark theme. On your Mac, navigate to System Preferences > General > Dark to darken the operating system. This will turn Safari’s menus black, but web pages won’t change.
Microsoft’s Edge browser offers an easy way to enable dark mode. Click the three-dot icon () and select Settings. Under Choose a theme, select Dark from the drop-down menu.
On iOS, tap the three-dot menu on the bottom right, tap Settings, and then Dark under Theme. On Android, navigate to Settings > Appearance > Theme and select Dark.
Invert Colors on iPhone and iPad
On an iPhone or iPad, an additional, though imperfect, option will change everything to dark mode but may make other colors look a bit wonky.
Instead of applying a dark theme, you can invert colors system wide by going to Settings > General > Accessibility > Display Accommodations > Invert Colors and selecting either Smart Invert or Classic Invert.
This option inverts the color scheme on your screen and turns all white space to black. However, it also changes every other color, so it may not be pleasing on your eyes.
Tech Savvy and Enthusiast, Android Lover … Can help on Tech-related issue because is a passion to me