Dark mode has gone from a niche preference to a default expectation. Most operating systems and browsers now offer it, and many websites have their own dark themes. But "dark mode" isn't one thing — there's system-level dark mode, browser dark mode, and per-site dark mode, and they behave differently. For reading, the differences matter.
This post compares the options and helps you pick the setup that's most comfortable for long reading sessions.
The Three Kinds of Dark Mode
System dark mode
Your OS (Windows, macOS, iOS, Android, Linux) can switch the entire interface — including supported apps — to a dark theme. When enabled, apps that respect the system setting (most modern ones do) switch automatically.
Pros: Consistent across apps. One toggle changes everything. Respects your preference at the OS level.
Cons: Not all apps and websites follow it. You'll still hit bright pages. And system dark mode doesn't change the content of websites — it only affects the browser's own UI (tabs, address bar, menus).
Browser dark mode
Browsers like Chrome, Firefox, Edge, and Safari can force dark mode on websites that don't offer their own. Chrome's "Auto Dark Mode for Web Contents" (in experiments) and extensions like Dark Reader invert or recolor pages.
Pros: Covers most websites, including ones without their own dark theme. Works regardless of whether the site supports it.
Cons: Forced inversion can break layouts, distort images, and make some text harder to read. Color-coded content (charts, code syntax highlighting) often looks wrong. The quality varies wildly by site.
Per-site dark mode (page dark mode)
A browser extension that applies a dark theme to specific pages — either by inverting colors intelligently or by applying a curated dark stylesheet. FocusFlow's Page Dark Mode (Pro) is one example; Dark Reader is another.
Pros: You control which sites get dark mode and which don't. Can be tuned per site (brightness, contrast, sepia tint). Doesn't break sites that already have good dark themes.
Cons: Requires an extension. Costs money in some tools (FocusFlow's is Pro; Dark Reader is free/donation-supported).
What the Research Says About Dark Mode and Reading
The evidence is more nuanced than "dark mode is better for your eyes."
For reading accuracy and speed: Dark text on a light background (light mode) is generally faster and more accurate for reading. The reason is contrast: black text on white has higher contrast than white text on black, and the eye's resolution is better in high-contrast conditions. Studies consistently show 10–20% faster reading in light mode for most people.
For comfort and eye strain: Dark mode wins for many people in dim environments. A bright screen in a dark room is uncomfortable, and dark mode reduces the overall luminance. For evening reading, dark mode is usually more comfortable even if it's slightly slower.
For sleep: Blue light from screens can suppress melatonin, but the effect is smaller than commonly claimed. Dark mode reduces overall brightness, which helps more than the color temperature change. The bigger factor is screen time before bed, not the mode.
For accessibility: Some readers with visual stress, Irlen Syndrome, or photophobia find dark mode significantly more comfortable. Others (especially some dyslexic readers) find light backgrounds with dark text easier. There's no universal answer.
The practical takeaway: light mode for accuracy and bright environments, dark mode for comfort in dim environments. Most people benefit from switching based on the time of day and the lighting.
The Problems With Each Approach
System dark mode gaps
System dark mode only affects apps and sites that support it. You'll open a tab and hit a blindingly white page because the site doesn't respect the OS setting. This inconsistency is jarring and undermines the benefit.
Forced browser dark mode breaks things
Browser-level dark mode (inverting colors) works by algorithmically inverting or recoloring page elements. This breaks:
- Images and photos. Faces look like negatives. Charts become unreadable.
- Color-coded content. Syntax highlighting, status indicators, and data visualizations lose their meaning.
- Sites with their own dark themes. You get double-inversion or conflicting styles.
- Form inputs and buttons. Sometimes they become invisible or illegible.
The result is that forced dark mode often looks worse than light mode, which defeats the purpose.
Per-site dark mode is the most work
Per-site tools require you to configure each site (or at least each site you care about). The payoff is control: you can set dark mode for your news sites, keep light mode for your documentation, and exclude sites that already have good dark themes. But it takes setup.
A Practical Setup
Here's what works for most readers:
Enable system dark mode as your default. It handles your OS and most native apps, and it signals to websites that you prefer dark (some sites respect this via the
prefers-color-schememedia query).Use a per-site dark mode tool for websites that don't respect the system setting. Configure it site by site: dark mode for news, blogs, and social media; light mode for documentation, code references, and anything with charts or images.
Don't force dark mode on sites with their own good dark themes. If a site (GitHub, YouTube, Reddit) has a well-designed dark mode, use theirs. Forced inversion on top of a native dark theme usually looks worse.
Adjust brightness independently of mode. Dark mode at 100% brightness is still too bright in a dark room. Turn the screen brightness down, or use a tool that lets you dim dark pages further.
Use warm tints for evening. A sepia or warm tint on top of dark mode reduces blue light without the harshness of pure black-on-white. FocusFlow's color overlays work on top of any theme.
When Dark Mode Helps Most
- Evening and night reading. Lower overall brightness reduces eye strain and is less disruptive to sleep.
- Dim environments. A dark room with a bright screen is uncomfortable; dark mode balances the luminance.
- Readers with photophobia or visual stress. Dark mode can be significantly more comfortable for people sensitive to bright light.
- OLED screens. On OLED displays, dark mode saves battery and reduces the "black smear" effect on scrolling.
When Light Mode Is Better
- Bright environments. In daylight or a well-lit room, dark mode can actually be harder to read because the screen is dimmer than the surroundings.
- Detailed reading. For text with small fonts, fine details, or color-coded content, light mode's higher contrast improves accuracy.
- Long-form accuracy tasks. Editing, proofreading, and code review are usually easier in light mode.
- Readers with certain visual conditions. Some dyslexic readers find light backgrounds easier; some with astigmatism find dark mode causes halos around text.
What FocusFlow Does
FocusFlow's themes include light, dark, and several mid-tone options (sepia, warm, cool). Page Dark Mode (Pro) applies a dark theme to any website, with adjustable brightness and contrast. It works alongside the reading fonts, spacing, and ruler — so you can have dark mode with Lexend at 17px and a warm overlay, all saved as a per-site profile.
The free tier includes the light/dark themes and color overlays. Page Dark Mode (the per-site, adjustable version) is Pro, along with the AI tools and PDF export.
A Simple Decision
If you're not sure what to use:
- Daytime, bright room: light mode, 16–18px, good font, adequate brightness.
- Evening, dim room: dark mode, reduced brightness, warm tint if available.
- Mixed throughout the day: system dark mode with auto-switching by time of day (most OSes support this), plus a per-site tool for sites that don't follow the system setting.
The best setup is the one you don't have to think about. If you're manually toggling dark mode ten times a day, your setup isn't working. Automate it or simplify it.
Related reading: Reduce Digital Eye Strain While Reading · Reduce Screen Reading Fatigue · Themes and Color Palettes