How to Remove the Annoying Transparency Effect in Firefox 4 ? [Tip]

by Jawwad in Firefox, Software, Tips&Tricks | 0 comments

remove firefox 4 transparency by basstar d3dwavv 001 | How to Remove the Annoying Transparency Effect in Firefox 4 ? [Tip]

Latest incarnation of the Mozilla Firefox namely Firefox 4 may be the most refined and fastest version yet of the popular browser. However, apart from all the positives aspects one cannot help but feel for some of the controversial decisions on Mozilla’s part. I have already talked about them at great length in some previous articles. So, I will not go in to that, but here I want to point-out a new “feature” in Firefox 4 related to the visual transparency effects that it adds to the Windows title-bar, tool-bar and other GUI elements that annoy me a lot. I am sure there are many other users migrating from Firefox 3.x to 4 that will get annoyed as well. Problem is that these effects look nice at first sight but after some time novelty wears off and you don’t feel as comfortable after some time as they put a lot of strain on the eyes.

window, page, dialog, wizard, prefwindow, toolbarspring, toolbar,
#personal-bookmarks, #TabsToolbar, #main-menubar, #unified-back-forward-button {
  background-color: -moz-Dialog !important;
#go-button {
  display: none !important;
#toolbar-menubar {
  -moz-appearance: -moz-win-browsertabbar-toolbox !important;
.tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]), .tabs-newtab-button:not(:-moz-lwtheme) {
  background-image: -moz-linear-gradient(hsla(0,0%,90%,.8), hsla(0,0%,80%,.8) 50%) !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.9) !important;
.tabbrowser-tab[selected="true"] {
  background-image: -moz-linear-gradient(hsla(0,0%,100%,1), hsla(0,0%,100%,1) 50%) !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.9) !important;

Anyway, I found a nice way to completely disable these transparency effects. All you have to do is to put the above code in your Firefox user profile userchrome.css file. This file is present in the %APPDATA%\Mozilla\Firefox\Profiles\<Profilordner>\chrome\. Append the above mentioned code there and restart the Firefox to see the changes!

Alternatively you can install the excellent extension called Stylish and paste this code as a new style there. For the Stylish extension you don’t even need to restart Firefox to see the changes as they are applied on the fly!

[Thanks basstar]

You Might Like:

Get Free Email Updates

Inspired Geek is your primary source for latest tech news, guides and articles on Windows software, games, Apple and Android devices.

  • Get extensive coverage on latest tech news.
  • Exclusive guides on rooting, jailbreaking and unlocking mobile devices.
  • Useful apps and tips&tricks for your iOS and Android devices.
  • Exlclusive Top Countdowns for the best software.

This post was written by...

for Inspired Geek.

Hi! We are trying our best to make this spot most interesting and useful for discovering news, articles, tips & tricks and bringing you the latest in Computer, Mobile and Internet technology areas. Please support our efforts by giving your feedback, subscribing to Inspired Geek RSS (Link on top & bottom of the page), by promoting us on social websites (Facebook, Digg, Twitter, StumbleUpon etc.) or any other way you might feel convenient. Thanks for your support!

Previous post:

Next post:

wordpress counter