Skip to content

Dark Reader

Repohttps://github.com/firefox-extensions-declarative/darkreader-declarative
Extension IDaddon@darkreader.org

Run npm install and then npm run build:firefox. The XPI is located at build/release/darkreader-firefox.xpi.

Custom theme.

How bright to make things (0 to 100+).
Type: number
Default: 100

How much contrast to add (0 - 100+).
Type: number
Default: 100

How much grayscale to add (0 - 100).
Type: number
Default: 0

How much sepia to add (0 - 100).
Type: number
Default: 0

Whether to use the custom font.
Type: boolean
Default: false

The font family to use.
Type: string

Makes text look bolder (0 - 1 pixels).
Type: number
Default: 0

The theme engine to use.
Type: "cssFilter" | "svgFilter" | "staticTheme" | "dynamicTheme"
Default: "dynamicTheme"

Additional CSS to add.
Type: string
Default: ""

Background color to use for dark mode.
Type: string
Default: "#181a1b"

Text color to use for dark mode.
Type: string
Default: "#e8e6e3"

Background color to use for light mode.
Type: string
Default: "#dcdad7"

Text color to use for light mode.
Type: string
Default: "#181a1b"

Scrollbar color.
Type: string
Default: "auto"

Selection color.
Type: string
Default: "auto"

Specifies if it has to style system controls.
Type: boolean
Default: true

I don’t know. Just put default, that works.
Type: string

I don’t know. Just put default, that works.
Type: string

Custom site configuration.

Should be false.
Type: boolean

URLs to enable the theme for.
Type: Array<string>

The theme to apply to the site.
Type: Theme

Theme preset.

ID of the preset.
Type: string

Name of the preset.
Type: string

The theme to apply to the site.
Type: Theme

URLs to enable the theme preset for.
Type: Array<string>

Whether to enable Automation.
Type: boolean
Default: false

The automation behavior. OnOff means automation will enable/disable Dark Reader, while Scheme means it will change between Light Reader and Dark Reader.
Type: "OnOff" | "Scheme"
Default: OnOff

The automation mode.
Type: "" | "time" | "system" | "location"
Default: ""

Whether to change the browser theme to sync with the Dark Reader theme.
Type: boolean
Default: false

Custom site configurations.
Type: Array<CustomSiteConfig>
Default: []

Whether to auto-detect dark themes and disable Dark Reader.
Type: boolean
Default: true

List of custom sites to disable Dark Reader on.
Type: Array<string>
Default: []

Whether to enable the Dark Reader context menus.
Type: boolean
Default: true

Whether to enable Dark Reader on PDF files.
Type: boolean
Default: true

Whether to enable Dark Reader on browser-protected pages.
Type: boolean
Default: false

Whether to enable Dark Reader.
Type: boolean
Default: true

Whether to enable Dark Reader by default for sites.
Type: boolean
Default: true

Sites to enable Dark Reader on.
Type: Array<string>
Default: []

Whether to fetch news for Dark Reader.
Type: boolean
Default: true

The latitude (for automation).
Type: number | null
Default: null

The longitude (for automation).
Type: number | null
Default: null

Theme presets.
Type: Array<ThemePreset>
Default: []

Preview the new Dark Reader design.
Type: boolean
Default: false

Preview the newest Dark Reader design.
Type: boolean
Default: false

Whether to sync Dark Reader settings.
Type: boolean
Default: false

Whether to sync Dark Reader site fixes.
Type: boolean
Default: false

The Dark Reader theme to use.
Type: Theme
Default: DEFAULT_THEME

Activation time for automation.
Type: string
Default: "18:00"

Deactivation time for automation.
Type: string
Default: "9:00"