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
About this Add-on
Colorific enables you to colorize web pages with configurable themes, and to white-list and black-list web domains for automatic colorization with specific themes. A few examples of applied themes are shown in the above Screenshots.
To see how the selected theme looks on the current page, click the green button ('>') in the panel. This reloads the current page and applies the selected theme to the original page colors.
To switch automatic coloration of all newly opened web pages on and off, click the Colorific toolbar button. To manually apply the default or saved theme to a page, double-click the toolbar button. All other functions are available through the toolbar panel.
The selected theme may be associated to the current web domain by clicking the first pink button ('+'). Automatic coloration may be limited to white-listed domains by toggling the first round option button ('+') in the options box. To also use the theme number which was stored for a domain, toggle the second option button ('#').
> 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 controls in the panel.
> Take some time to read the tool tips on all the controls in the toolbar panel.
> Dark content themes are best combined with dark scroll bars (see the New Scrollbars extension) and/or dark Firefox complete themes (like FT Deepdark).
> You may want to save a preference for the new tab page (about:newtab) in order to prevent the transformation of the background images on that page.
> You may want to check out my extension Color Transform, which allows you to make step-wise changes to page colors or individual elements.
> Be careful with the option for colorizing large image elements, because it will make pages load slowly - normally, leave it switched 'off'.
> 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!
How it works
Colorific 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, and that the transformation cannot be undone without reloading the page..
> The reload button does not work when the page URI contains a local reference after '#'. This will be fixed soon.
> In the latest developer and nightly versions, the automatic transformation runs again when a tab is moved out of a window. This will be fixed soon.
> The page content may become visible before it is colorized, which is annoying for dark themes. A solution is being worked on.
> The automatic color transformation does not apply to styles which are modified after the initial page load event.
> This extension is affected by the following known bugs in Firefox: 700926, 776363, 902636, 958972.
Colorific has been available since July 2012. Further development of this extension has been paused as of February 2017. After November 2017, this extension will continue to work only in the Developer and Nightly editions of Firefox, as well as in the Pale Moon browser. Please contact me if you wish to contribute financially to the re-release of this extension as a Web Extension.