Dark Mode

Force dark mode on any website, regardless of whether the site natively supports it.

Options

Off

Websites display in their original colors. No dark mode applied.

On

Force dark mode on all websites, inverting colors for dark backgrounds.

Follow System

Apply dark mode only when your device is in dark mode.

How It Works

Dark mode uses CSS color inversion with smart corrections:

1
Color Inversion

Page colors are inverted to create dark backgrounds with light text.

2
Hue Rotation

A 180° hue rotation preserves color relationships.

3
Media Correction

Images, videos, and iframes are inverted back to display correctly.

Benefits

Reduced Eye Strain

Dark backgrounds are easier on the eyes, especially in low-light conditions.

Battery Savings

On OLED/AMOLED screens, dark pixels use less power.

Consistent Experience

All websites match your preferred dark theme.

Night Browsing

More comfortable browsing in dark environments.

Configuration

Configure dark mode in Settings → Appearance → Page Dark Mode:

  1. Tap "Page Dark Mode"
  2. Select your preferred option: Off, On, or Follow System

Plugin Access

Plugins with the settings permission can:

// Get current dark mode setting
const mode = StealthBrowse.settings.get('darkMode');
// Returns: 'on', 'off', or 'system'

// Set dark mode
StealthBrowse.settings.set('darkMode', 'on');

Limitations

Note: Color inversion may not work perfectly on all websites:
  • Some CSS gradients may appear incorrect
  • Complex color schemes might look unusual
  • Sites with native dark mode may double-invert
For sites that don't look right, you can disable dark mode temporarily.