Internet users sometimes visit websites that make excessive use of colors and background images so that the actual contents of the website are hard to read. There are a few options on how to turn those unreadable pages into readable ones including bookmarklets, Greasemonkey scripts, web proxies and add-ons. One of the latest add-ons to implement this functionality is the No Color add-on for the Firefox web browser.
No Color is basically an on and off switch for colors and image backgrounds on websites. The developer mentioned that the Firefox user had to drag and drop the icon into one of the toolbars of the web browser after installation; This was not necessary on a Firefox 3.6 test system. The icon to switch the design and layout of a website was already linked in the status bar of the browser.
A click on the button will remove the colors and the image background of the page. The Ghacks homepage looks the following after clicking on the icon in the status bar:
The settings of the add-on contain an option to remove the icon from the status bar and place it in the View menu instead. No Color works extremely well on pages that use irritating colors or background images that make it harder to impossible to access the actual contents of the website. The add-on is available at the Mozilla Firefox website where it can be downloaded. It is compatible with all Firefox 3 versions.
Related Articles:
Change Web Form Colors In FirefoxFirefox Invert Colors Add-On
Grab any color from your Firefox session
Change The Color Of The Firefox Scrollbar
Blackout Changes Website Color Schemes
Enjoyed the article?: Then sign-up for our free newsletter or RSS feed to kick off your day with the latest technology news and tips, or share the article with your friends and contacts on Facebook, Twitter or Google+ using the icons below.
A quick and dirty solutions to the low contrast readability problem is to simply select all
and read the resulting highlighted text.
Fred
As you already refer to Bookmarklets, why do you need an add on for that?
This is done using a bookmarklet (albeit this one cannot bring color back).
I have this titled as ‘ZapColor’
javascript:(function(){var%20newSS,%20styles=’*%20{%20background:%20white%20!%20important;%20color:%20black%20!important%20}%20:link,%20:link%20*%20{%20color:%20#0000EE%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#551A8B%20!important%20}’;%20if(document.createStyleSheet)%20{%20document.createStyleSheet(%22javascript:’%22+styles+%22′%22);%20}%20else%20{%20newSS=document.createElement(‘link’);%20newSS.rel=’stylesheet’;%20newSS.href=’data:text/css,’+escape(styles);%20document.getElementsByTagName(%22head%22)[0].appendChild(newSS);%20}%20})();
I’ve been using, for this, the “Page Colours” toggle button, made with Custom Toolbar Buttons Maker:
http://codefisher.org/toolbar_button/toolbar_button_maker