To try the thousands of add-ons available here, download Mozilla Firefox, a fast, free way to surf the Web!Close
Welcome to Firefox Add-ons.
Choose from thousands of extra features and styles to make Firefox your own.Close
Color Transform 4.9.3 No Restart
Adapt page or element colors to your taste or need. Save your favorite color scheme for automatic coloration of all web content. Comes with 18 predefined themes and 24 basic transforms for hue, saturation, lightness and opacity.
About this Add-on
I am currently upgrading this add-on to multi-process Firefox. To use the current version, you need to switch off multiple processes. You may also want to give Colorific a try. If you wish to support the work on Color Transform, donate.
Color Transform enables you to adapt the colors of web pages to your taste or need.
The Color Transform toolbar panel contains 18 buttons for applying a predefined color transformation or 'theme' directly to the active page. The themes are designed so as to obtain readable and predictable results on the majority of web pages.
The Color Transform toolbar panel also provides 24 buttons for changing the hue, saturation, lightness and opacity (HSLA) of all page colors in the same way. These basic transforms may be used to compose a desired color transformation.
> To save the (cumulative) color transformation that was applied to the active page, click the top-left button in the panel.
> To toggle automatic coloration of all opened web pages, click the toolbar button.
> To apply a saved transform manually, double-click the toolbar button.
The panel contains four buttons that toggle the inclusion of background colors (fills and gradients), foreground colors (text and borders), background images (background-image elements) and foreground images (image and canvas elements).
> Check out my extension Colorific 7.0, which works with multi-process Firefox and which provides domain-specific settings and color-map previews.
> Dark content themes are best combined with dark scroll bars (see the New Scrollbars extension) and/or dark Firefox complete themes (like FT Deepdark).
How it works
Color Transform works by transforming the color data in style sheets, inline styles and images. This is done on the CPU rather than the GPU, which has two advantages: 1) after transformation, pages have higher responsiveness and faster scrolling than in the case where a color transformation is continuously applied to the entire page on the GPU (unless your GPU is fast), and 2) it provides better control over the end result, because different transformations can be used for different style properties and large image elements can be excluded from the transformation. A disadvantage of using the CPU is clearly that it can be slow on certain pages.
> Color transformation may sometimes be slow, which is usually due to large background images which are referred to in style sheets (will be fixed in version 6.0).
> Automatic coloration does not apply to style sheets which are inserted/modified after the initial page load event. You may double-click the toolbar button to manually apply a color transformation.
> Moving image content to canvas backgrounds fails for pages saved as MHT archive, but does work in MAFF archives.
> This extension is affected by the following known bugs in Firefox: 700926, 776363, 902636, 958972.
I will release Color Transform 6.0 with the following improvements in the near future:
> FEATURE: Compatibility up to the latest versions of multi-process Firefox and Thunderbird.
> FEATURE: White-listing and black-listing may now be used to include/exclude domains from automatic transformation.
> FEATURE: Themes with improved contrast were added (with a uniform color transformation).
> FEATURE: A few context menu items were added for showing the panel.
> FEATURE: Background images are now hidden during transformation in all cases.
> FEATURE: A faster transform is now used for transformation to constant hue.
> FEATURE: A background-image in a style rule is now transformed only when its selector matches at least once on the page.
> FIX: On uninstall, extension preferences are correctly deleted again.
> FIX: Start-up is now more reliable, for example when quickly opening multiple windows or when the toolbar button is hidden.
> FIX: Initialization of the page background-color is now correct for all combinations of background-color/image on body/html.
> FIX: The element selector was made more robust by setting a high z-index on the top element as well.
> FIX: The element selector no more fails when clicking outside of the body element.
> FIX: The panel background was made transparent to prevent a paint bug with 100% CPU upon resize.
> FIX: The panel content is now created only when the panel is actually shown.
> FIX: The image-to-canvas preference is now simply neglected when using element selection.
> FIX: Missing localized strings are now always replaced by English strings.
> FIX: Some layout issues with the Walnut and Nautipolis themes were fixed.
> FIX: Positioning of selector.jsm in iframes is now correct for scroll events.
> FIX: CSS color names in upper case are now also transformed.
FIX: The CSS variables for colors which are used on about: pages are now replaced by hardcoded values.
> FIX: Several colorizer bugs on "about:" pages were fixed.
> FIX: Attributes background, bordercolor & color are now translated to CSS on td, table & hr, respectively.
> FIX: Determination of the inherited text color no more fails on a selected element.
> FIX: The outdated extension preferences branch is now removed directly after upgrading.
Donate now to enable me to realize the following additional improvements:
> Use of WebGL for faster color transformation (initiated).
> Prevention of the flashes of bright tab or page colors before automatic color transformation occurs.
> Solution for web pages that modify style sheets after the initial load event.
> Preview of the effect on typical web pages.
> Transforms in the RGBA/HSVA/HCLA domains.
> Colorization of the Firefox user interface.
FIX: The entry-level functions in bootstrap.js are now defined with var.