is a powerful tool for the automatic coloration of web pages. It comes with 28 customizable themes, which may be associated to web domains. A few examples of applied themes are shown in the above Screenshots.
In case you want to make step-wise changes to page colors or to individual elements, you might want to check out my extension Color Transform
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.
toolbar button gives access to the theme editor panel. The theme editor allows you to select one of 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.
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.
For further explanation, see the tool tips on the elements in the panel.Tips
> 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 very 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 background images referenced in style sheets. Luckily, upcoming versions of Firefox seem to do a better job on the image transform.
> Double-clicking the button for manual coloration does not yet work in Thunderbird.
> The automatic color transformation does not apply to style sheets 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. Other issues with -moz-element are also still present, such as failure on pages with a base tag and on e.g. "https://nightly.mozilla.org/
" (for reasons unknown). These issues are known to Mozilla but do not have priority.Future
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.
> 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.
> Full support for the Australis menu panel.
> Use of WebGL to speed up color transformation.Contribute?
> BUG REPORTS by e-mail are always welcome.
> TRANSLATIONS or corrections of the extension text are also welcome - simply unzip the extension file, translate the English text file into your own language and mail it back to me so I may include it in the next release.
> When you submit a FEATURE REQUEST, please also make a significant donation, so I may free time for implementing it.