🌙

Dark Reader

⭐ 4.8/5
👥 5,000,000+ users
💰 Free & Open Source

Dark Reader transforms any website into beautiful dark mode using intelligent color inversion algorithms. Reduce eye strain by 60%, customize brightness and contrast, and schedule automatic dark mode based on time of day. Trusted by 5 million+ developers and night owls worldwide.

Why Dark Reader?

60%

Eye Strain Reduction: Studies show dark mode reduces eye strain by 60% during extended screen time, especially in low-light environments. Dark Reader makes every website comfortable to read at night.

Unlike basic "dark mode" extensions that only invert colors, Dark Reader uses advanced algorithms to intelligently transform websites while preserving readability, contrast, and visual hierarchy.

For developers who code at night, Dark Reader prevents the "flashbang effect" when opening documentation sites that default to blinding white backgrounds.

Key Features

🎨 Dynamic Color Inversion

Intelligently transforms light backgrounds to dark while preserving images, logos, and videos. Algorithms detect and exclude non-text content from inversion.

🔧 Per-Site Customization

Save unique brightness, contrast, and sepia settings for each website. Perfect for fine-tuning aggressive sites (Reddit, Stack Overflow) vs subtle ones (Medium).

⏰ Auto-Scheduling

Enable dark mode automatically at sunset (based on your location) or set custom hours. Option to sync with system dark mode (Windows/Mac settings).

📖 Sepia Mode

Switch to warmer sepia tones for evening reading. Reduces blue light exposure better than pure dark mode, improving sleep quality.

🎛️ Brightness Control

Adjust brightness (-50% to +50%) and contrast independently. Perfect for late-night coding sessions or bright office environments.

🚫 Site Whitelist

Disable Dark Reader on specific sites (design tools, photo editing apps) where color accuracy is critical. One-click toggle per domain.

Setup Guide for Developers

Step 1: Install Dark Reader

  1. Visit the Chrome Web Store
  2. Click "Add to Chrome"
  3. The Dark Reader icon appears in your toolbar (moon icon)
  4. All websites are immediately transformed to dark mode

Step 2: Configure Global Settings

Customize the default dark mode appearance:

  1. Click the Dark Reader moon icon in toolbar
  2. Adjust global settings:
    • Brightness: -10% to -20% (recommended for night)
    • Contrast: +10% to +15% (improves text readability)
    • Sepia: 0% for pure dark, 10-20% for warmer tones
  3. Choose Filter mode:
    • Dynamic: Best for most sites (default)
    • Static: Faster but less accurate color inversion
    • Filter+: Most aggressive inversion (for stubborn sites)

Step 3: Set Up Auto-Scheduling

Enable dark mode automatically at specific times:

  1. Click Dark Reader icon → ⚙️ Settings (gear icon)
  2. Go to "Automation" tab
  3. Enable "Activate automatically"
  4. Choose activation mode:
    • System dark mode: Sync with Windows/Mac dark mode
    • Sunset to sunrise: Use location-based scheduling
    • Custom hours: Set specific times (e.g., 7 PM - 7 AM)
  5. Dark Reader now enables/disables automatically

Step 4: Customize for Specific Sites

Fine-tune Dark Reader for individual websites:

  1. Navigate to a website (e.g., docs.github.com)
  2. Click Dark Reader icon
  3. Adjust site-specific settings:
    • If text is too dim: Increase brightness (+5% to +10%)
    • If colors look washed out: Increase contrast (+10%)
    • If images look inverted: Switch to "Static" mode
  4. Click "Only for [domain]" to save settings
  5. Settings persist across all pages on that domain

Step 5: Whitelist Design Tools

Disable Dark Reader on sites where color accuracy matters:

  1. Navigate to site (e.g., Figma, Canva, Photopea)
  2. Click Dark Reader icon
  3. Click "Toggle current site" button
  4. Site is added to whitelist (normal colors restored)
  5. Recommended whitelists:
    • Design tools: Figma, Sketch, Canva, Adobe Express
    • Photo editors: Photopea, Pixlr
    • Color pickers: Coolors, Adobe Color

Dark Reader vs Alternatives

Feature Dark Reader Night Eye Turn Off the Lights
Price Free $9/year Free (basic)
Universal Dark Mode ✅ All websites ✅ All websites ⚠️ YouTube/videos only
Smart Color Inversion ✅ Advanced algorithms ✅ Similar quality ❌ Dims only
Per-Site Customization ✅ Yes ✅ Yes ❌ No
Auto-Scheduling ✅ Sunset/custom ✅ Similar ❌ No
Open Source ✅ Yes ❌ No ❌ No
Performance Impact ⚡ Minimal (GPU) ⚡ Minimal ⚡ None (dim only)

Verdict: Dark Reader is the best free dark mode extension. Night Eye offers similar features but charges $9/year. Turn Off the Lights is for video dimming only, not full dark mode.

Advanced Customization

Filter Modes Explained

Choose the right color inversion algorithm for each site:

Custom Color Schemes

Create your own dark mode palette:

Developer Mode Features

Advanced options for power users:

Health Benefits

Reduced Eye Strain

Scientific evidence for dark mode benefits:

Better Sleep Quality

Dark mode + sepia mode = less blue light exposure:

Energy Savings (OLED Screens)

On OLED/AMOLED displays, dark pixels = off pixels:

Frequently Asked Questions

Does Dark Reader slow down my browser?

No. Dark Reader uses GPU-accelerated CSS filters with minimal performance impact (typically <2ms per page). On modern computers, the difference is imperceptible.

Why do some images look inverted?

Dark Reader's algorithms try to detect images, but sometimes fail on CSS background images. Fix: Switch to "Static" mode or add the site to whitelist.

Can I use Dark Reader with websites that already have dark mode?

Yes, but it may cause double-inversion (making the site light again). Best practice: Disable Dark Reader on sites with native dark mode (GitHub, Twitter, YouTube).

Is dark mode actually better for your eyes?

Yes, in low-light environments. In bright rooms, dark mode can cause more eye strain (reverse contrast effect). Use auto-scheduling to match room lighting.

Can Dark Reader access my browsing data?

No. Dark Reader is open source and doesn't collect any data. It only modifies page styles locally in your browser.

How do I report sites that don't work well with Dark Reader?

Settings → "More" → "Report a bug". Include the site URL and describe the issue (inverted images, unreadable text, etc.).

Related Extensions

Complete your eye-friendly browsing setup:

Get Started Today

Install Dark Reader now and transform your browsing experience. Join 5 million users who protect their eyes with intelligent dark mode on every website.