Dark Mode - Dark Theme
Extension Actions
Enable dark mode on any website instantly. Protect your eyes with one-click dark theme for all web pages.
Dark Mode instantly transforms any website into a comfortable dark theme to protect your eyes. Using advanced CSS filter technology, it inverts page colors while keeping images and videos looking natural. Toggle dark mode per site or globally, adjust brightness and contrast, and manage a whitelist of excluded sites.
**Key Features**
- **Instant Dark Mode** — Apply dark mode to any website with a single click using CSS filter-based color inversion. No need to wait for site-specific dark themes.
- **Per-Site & Global Toggle** — Enable dark mode for just the current site or toggle it on globally for all websites. Each site's preference is saved automatically.
- **Brightness Control** — Adjust brightness from 50% to 100% to find the perfect comfort level for your eyes in any lighting condition.
- **Contrast Control** — Fine-tune contrast from 80% to 120% to improve readability on dark backgrounds.
- **Smart Image Handling** — Images, videos, canvases, and SVGs are automatically reverse-inverted so they display with their original colors.
- **Whitelist Management** — Exclude specific sites from dark mode. Sites with native dark themes can be whitelisted to prevent double-inversion.
**How to Use**
1. Click the Dark Mode icon in your toolbar to open the control panel.
2. Click the large toggle to enable dark mode for the current site.
3. Use the "All websites" toggle to enable dark mode globally.
4. Adjust brightness and contrast sliders to your preference.
5. Add sites to the whitelist to exclude them from dark mode.