Before you start
- A modern browser
Method 1 Follow your system theme
Sites that support dark mode switch automatically when your browser follows the system theme.
-
Step 1: Windows
Settings > Personalization > Colors > Dark.
-
Step 2: Mac
System Settings > Appearance > Dark.
-
Step 3: Phones
Android: Settings > Display > Dark theme. iPhone: Settings > Display & Brightness > Dark.
Method 2 Popular sites with their own switch
-
Step 1: Google Search
Click Settings (bottom of google.com or the gear in results) > Dark theme.
-
Step 2: YouTube
Click your profile picture > Appearance > Dark theme.
-
Step 3: Facebook
Menu > Display & accessibility > Dark mode.
-
Step 4: X and Wikipedia
X: More > Settings > Accessibility, display and languages > Display > Lights out. Wikipedia: choose Dark in the Appearance menu.
Method 3 Force dark mode on every site
Chrome also has an experimental Auto Dark Mode for Web Contents option at chrome://flags, which may cause display glitches.
-
Step 1: Install Dark Reader
Add the Dark Reader extension from the Chrome Web Store, Edge Add-ons, Firefox Add-ons or the Mac App Store (Safari).
-
Step 2: Adjust per site
Click the icon to toggle it for the current site or tweak brightness and contrast.
Troubleshooting
Images look strange in forced dark mode
Turn Dark Reader off for that site, or switch its mode to Filter.
Frequently asked questions
Is dark mode better for your eyes?
Many find it more comfortable in low light. In bright rooms, light mode can be easier to read.
Does dark mode save battery?
On OLED screens, yes; on LCD screens, barely.
Summary
Turn on system dark mode so supporting sites follow, use the built-in dark themes on Google, YouTube, Facebook and X, and install Dark Reader for everything else.