To try the thousands of add-ons available here, download Mozilla Firefox, a fast, free way to surf the Web!Close
Welcome to פיירפוקס Add-ons.
Choose from thousands of extra features and styles to make Firefox your own.Close
Colorific 6.5.3 No Restart
Colorize entire web pages manually or automatically. With 28 customizable themes that transform hue, saturation, lightness and opacity. For Firefox 28.0 and above. NEW: Copy themes and group color properties using drag-and-drop.
About this Add-on
Colorific can be used to colorize entire web pages with 28 customizable themes, which may be associated to web domains for automatic colorization. A few examples of applied themes are shown in the above Screenshots.
To switch automatic coloration of newly opened web pages on and off, click the Colorific toolbar button. To manually apply a theme to a page, double-click the toolbar button.
The Colorific toolbar button gives access to the theme editor panel. To see the result of a change to a theme, click the top-left button in the panel to reload the active page and to apply the selected theme to the original page colors.
Each theme may be associated to multiple web domains using the second button in the panel. To merely use these associations as a white list for automatic coloration with the selected theme, toggle the second option in the options box. To also use the stored theme number, toggle the third option.
> Select one of the 28 predefined themes.
> Each theme may be customized by dragging and dropping 14 property icons into a variable number of color spectra, thus creating groups of properties which may be changed together.
> The property icons represent HTML elements (image and canvas) and CSS color properties (color, text-shadow, list-style-image, background-color, background-image, box-shadow, border-color-top/left/right/bottom, border-image and outline-color).
> Each color spectrum defines a transformation for the colors of the properties it contains. This transformation may be specified by dragging sliders for hue, saturation, lightness and opacity (HSLA).
> Each slider represents a linear range of the original values from 0% to 100% (red to red, black to white, gray to saturated, transparent to opaque), which may be transformed by dragging the two end points of the range.
> A single color may be selected using the color picker element, but for most properties, images in particular, a range of at least one of the HSL values needs to be chosen in order to retain some contrast.
For further explanation, see the tool tips on the elements in the panel.
> Check out my extension Color Transform in case you would like to make step-wise changes to page colors or individual elements.
> The latest versions allow themes to be copied as text by drag-and-drop. You are encouraged to share your own perfect theme in a review on this web site for the benefit of other users - and perhaps your design will make it to the presets!
> Be careful with the option for colorizing large images, because it can make pages load slowly - normally, leave it switched 'off'. The same is true for the image-to-canvas-backgrounds option - normally, leave it switched 'on'!
> Dark content themes are best combined with dark scroll bars (see the New Scrollbars extension) and/or dark Firefox complete themes (like FT Deepdark).
> The page content may become visible before coloration is applied, which is annoying for dark themes. Please try the page load timer option in Colorific. A better solution is being worked on.
> Color transformation may sometimes be slow, which is usually due to large, mostly unused background images which are referred to in style sheets.
> The automatic color transformation does not apply to styles which are modified after the initial page load event. You may double-click the toolbar button to manually apply a selected theme.
> Moving image content to canvas backgrounds fails for pages saved as MHT archive, but does work in MAFF archives.
> Support for Thunderbird will be removed but might be restored once Thunderbird supports CustomizableUI.jsm. The last compatible version remains functional, but you need to prevent it from updating. A few older versions are still available on the version history page.
> This extension is affected by the following known bugs in Firefox: bugzilla.mozilla.org/show_bug.cgi?id=700926, 776363, 902636, 958972, 968541.
I will release Colorific 7.0 with the following improvements as soon as sufficiently many users have donated:
> FEATURE: Compatibility up to the latest versions of multi-process Firefox.
> FEATURE: A menu item for showing the panel was added to the Tools menu.
> FEATURE: Background images are now also hidden during transformation when not using the image-to-canvas option.
> FIX: On uninstall, extension preferences are correctly deleted again.
> FIX: Start-up is now correct also when the toolbar button is hidden or startup is slow.
> FIX: The panel content is now created only when the panel is actually shown.
> FIX: Missing localized strings are now always replaced by English strings.
> FIX: Some layout issues with the Walnut and Nautipolis themes were fixed.
> FIX: The option to delay the first paint was removed as it did not seem to work anymore.
> FIX: CSS color names in upper case are now also transformed.
> FIX: The color word 'transparent' is now included in the transformation.
> FIX: The panel icon which indicates automatic transformation is now updated when the toolbar button is clicked.
> FIX: Attributes background, bordercolor & color are now translated to CSS on td, table & hr, respectively.
> FIX: The Windows.all function now uses rest parameters instead of the arguments object.
> CODE: A frame script is now used to load and call the Selector and Colorizer modules.
> CODE: The extension style sheets and strings are now loaded async from CSS and JSON files.
> CODE: The extension options are now stored with nsIContentPrefService2.
Please donate to enable me to realize the following 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.
Colorific works by transforming the color data in style sheets, inline styles and images.
FIX: The entry-level functions in bootstrap.js are now defined with var.