If you are currently working with Firefox 12 or later and making use of the browser's session restore feature, you may have noticed that only the active tab gets loaded during the start of the application. The remaining tabs do not get loaded until they are activated to improve the start up time of Firefox this way. It is a pretty useful feature, especially for Firefox users who work with dozens, or maybe even more than one hundred, tabs in the browser all the time.
One of the things that is missing is a visual distinction between tabs that have been loaded already and tabs that have not been.This can be useful to either avoid clicking on unloaded tabs, or find out which tabs have not been loaded yet to have them loaded by the browser. Unfortunately though, the Firefox feature makes no distinction between loaded and unloaded tabs.
You can however modify Firefox in a way that highlights unloaded tabs in the browser to have that visual distinction.
You need to add custom CSS to the browser. This may sound difficulty at first, but is not really a issue. Let me show you how this is done.
The first thing that you need to do is open your Firefox profile folder. The easiest way to do that is to click on Firefox > Help > Troubleshooting Information (or by entering about:support in the address bar), and there on the Show Folder button in the profile folder line. This should open the profile in the default file viewer of the system.
Look for a chrome folder in that directory, if you can't find it, create it. Now open the folder and look for the file userChrome.css. If it is not there, create it and make sure its only extension is .css and not .css.txt. Open the file in a text editor and add the following lines of code to it:
Restart the Firefox web browser afterwards. You should now see that the opacity of unloaded tabs is different from the opacity of loaded tabs, so that it is easy to distinguish between the two types of tabs.
You can easily change the opacity value if you want to improve the readability of the unloaded tabs in the browser. Just select a higher value, .7 for instance instead in this case.
If you like our content, and would like to help, please consider making a contribution: