Mozzarella

Home

Text Contrast for Dark Themes

This extension is intended for Firefox users that have a light text/dark background system theme.

Users who don't want any native styling in their content should consider an alternate solution as detailed in the first few paragraphs here: https://github.com/DmitriK/darkContrast#text-contrast-for-dark-themes

This extension can help users who wish to keep some dark-theme styling where possible.

The primary purpose of this extension is to fix input elements, which are drawn with a native dark style, but may have an explicit foreground or background color which assumes a light style, resulting in low contrast text. This extension checks if only one of the colors has been defined (foreground color, or background color/image), and defines the unset property as needed. Elements with both colors defined or both colors undefined remain unchanged.

The extension will also autodetect if the user has set inverted colors as their porimary colors (via use system colors option or manually setting light-on-dark colors). In this case the extension will also attempt to adjust all page colors.

(Note: Anyone considering leaving a review, please be aware that this extension will not work on addons.mozilla.org, so you will still have poor contrast on the input boxes. See https://github.com/DmitriK/darkContrast#amo-addonsmozillaorg for details. No, the irony is not lost on me, but there is nothing that I can do)

Install
Demonstration of effect Test page screenshot