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
NEW: Faster transforms.
NEW: White-list and black-list domains for automatic coloration.
NEW: Compatibility to multi-process Firefox.
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.
Please donate to enable me to realize the following improvements:
> Prevention of the flashes of bright tab or page colors before automatic color transformation occurs.
> Use of WebGL for faster color transformation (initiated).
> Inclusion of transforms in the RGBA/HSVA/HCLA domains.
> Ability to colorize the Firefox user interface.
FEATURE: Black-listing may now be used to exclude domains from automatic 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.
FEATURE: The contrast in most dark themes was improved, including the contrast between text and link colors.
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 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: 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: The default CSS variables which are used on about: pages are now replaced by hardcoded color values.
FIX: CSS color names in upper case are now also transformed.
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 outdated extension preferences branch is now removed directly after upgrading.