# darkreader/darkreader

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/darkreader-darkreader).**

21,680 stars · 2,669 forks · TypeScript · mit

## Links

- GitHub: https://github.com/darkreader/darkreader
- Homepage: https://darkreader.org/
- awesome-repositories: https://awesome-repositories.com/repository/darkreader-darkreader.md

## Topics

`accessibility` `chrome-extension` `dark-mode` `dark-theme` `darkmode` `eye-care` `firefox-addon` `night-mode` `nightmode`

## Description

This project is a browser extension that functions as a visual accessibility aid and dark mode generator. It dynamically analyzes web page content to create and apply dark color schemes, aiming to reduce eye strain and improve readability for users.

The extension operates by injecting custom style sheets and filters directly into the browser document object model. It distinguishes itself through a combination of automated theme generation and granular control, allowing users to adjust brightness, contrast, and sepia levels. It also supports site-specific overrides and exclusions, enabling users to maintain consistent visual preferences across different web environments.

Beyond its primary application, the tool includes features for system-wide theme synchronization and the ability to export computed styles for use in external development projects. It is available as a browser extension and provides a persistent registry to manage domain-level configuration settings.

## Tags

### Web Development

- [Browser Extensions](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions.md) — Extends browser functionality by dynamically generating and applying dark color schemes to websites.

### User Interface & Experience

- [Style Injection Tools](https://awesome-repositories.com/f/user-interface-experience/style-injection-tools.md) — Modifies web page appearance by injecting custom CSS filters and color overrides directly into the browser DOM.
- [Ergonomic Visual Aids](https://awesome-repositories.com/f/user-interface-experience/ergonomic-visual-aids.md) — Minimizes glare and reduces digital eye fatigue by applying dark color themes to web pages.
- [Color Mode Utilities](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/theme-management/color-mode-utilities.md) — Provides centralized controls for injecting dark color schemes and adjusting brightness, contrast, and sepia levels. ([source](https://cdn.jsdelivr.net/gh/darkreader/darkreader@main/README.md))
- [Theme Settings Configurations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/theme-management/theme-development/theme-settings-configurations.md) — Overrides global appearance settings with custom color, brightness, and contrast values for individual domains. ([source](https://darkreader.org/safari/))
- [Theme Generators](https://awesome-repositories.com/f/user-interface-experience/theme-generators.md) — Automatically analyzes web page content to generate and apply dark color schemes. ([source](https://darkreader.org/))
- [Color Themes](https://awesome-repositories.com/f/user-interface-experience/color-themes.md) — Analyzes page content to create and apply high-contrast dark color schemes for improved readability. ([source](https://darkreader.org/safari/))
- [Theme Management Systems](https://awesome-repositories.com/f/user-interface-experience/theme-management-systems.md) — Monitors operating system color scheme changes to trigger automatic updates to the active visual theme.
- [Theme Synchronization Tools](https://awesome-repositories.com/f/user-interface-experience/theme-synchronization-tools.md) — Automatically synchronizes web page appearance with operating system color scheme preferences. ([source](https://cdn.jsdelivr.net/gh/darkreader/darkreader@main/README.md))

### Testing & Quality Assurance

- [Web Accessibility](https://awesome-repositories.com/f/testing-quality-assurance/accessibility-visual-testing/web-accessibility.md) — Improves web content readability for users with visual impairments or light sensitivity through contrast and color adjustments.

### Business & Productivity Software

- [Visual Comfort Utilities](https://awesome-repositories.com/f/business-productivity-software/visual-comfort-utilities.md) — Provides tools to reduce eye strain and improve readability through screen adjustments and filter applications.

### Data & Databases

- [Key-Value Persistence Stores](https://awesome-repositories.com/f/data-databases/key-value-persistence-stores.md) — Maintains a persistent key-value store of domain-level visual preferences for consistent application across sessions.

### Graphics & Multimedia

- [Visual Filter Pipelines](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/visual-effects/visual-filter-animators/visual-filter-pipelines.md) — Processes visual properties through mathematical transformations to adjust brightness, contrast, and sepia levels in real time.