How to Customize Dark Reader's Dark Theme Settings

Updated

Dark Reader lets you adjust three core theme controls — brightness, contrast, and sepia — from its popup or options page, with changes previewed live on the current page. You can apply them globally or save per-site overrides. The official site describes the extension as an open source eye-care tool that "doesn't send user's data anywhere," trusted by 10,000,000 users and developed since 2014.

The three settings you can change

Setting What it controls When to raise it When to lower it
Brightness Overall lightness of the generated dark theme Pages look too black or text is hard to read Dark mode feels washed out or glaring
Contrast Separation between text and background Text blends into the background Text looks harsh or edges appear to glow
Sepia Warm, yellowish tint added to the theme You want a softer, paper-like tone You prefer neutral gray/black tones

These are the controls named in Dark Reader's own guidance ("Configure the dark theme: brightness, contrast and sepia"), so they are the reliable starting point. Other options may exist in the interface, but the site's documented set is these three.

Where to find the controls

  1. Click the Dark Reader icon in your browser toolbar to open the popup.
  2. Locate the brightness, contrast, and sepia sliders.
  3. Drag a slider and watch the current page update immediately — the preview is live, so you don't need to reload.
  4. If you want more room to work, open the extension's options page (usually reachable from the popup) for the same controls in a larger layout.

The popup is the fast path for a one-off tweak; the options page is better when you're dialing in values you intend to keep.

Applying settings globally vs. per site

Dark Reader supports two scopes, per the official instructions:

  • All websites — your brightness/contrast/sepia values become the default for every page you visit.
  • Particular domains — you can enable or configure the theme for specific sites only, so a site that already has its own dark mode, or one that renders badly, can be handled separately.

A practical workflow:

  1. Set your preferred brightness/contrast/sepia on a typical page you read often.
  2. Save those as your default if the interface offers it.
  3. Visit a site that looks wrong and adjust only that domain, leaving your global values untouched.

This avoids re-tuning the extension every time you hit an edge case.

Common snags

  • A site ignores your settings. Some sites ship their own dark theme or use rendering that conflicts with the extension. Try a per-domain setting rather than changing your global values.
  • Text becomes unreadable after a contrast change. Contrast and brightness interact — lowering contrast often helps more than lowering brightness.
  • Sepia looks too strong. Small increments matter here; a little goes a long way toward a warm tone.
  • Changes don't seem to stick. Make sure you're editing the scope you intend (all sites vs. this domain) before assuming the setting failed.

Getting the extension first

If you haven't installed it yet, the official site lists builds for Chrome, Firefox, Safari, and Edge. Install the one matching your browser, then return to the popup to configure brightness, contrast, and sepia as described above.