literature

Remove Firefox 4 transparency

Deviation Actions

basstar's avatar
By
Published:
9.1K Views

Literature Text

Modding the "userChrome.css" to disable the transparency and blue color.



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;
}
Modding the "userChrome.css" to disable the transparency and blue color.

View the image in full size here.

For some hours i had updated to Firefox 4 and absolutely dislike the new default design of the tabbar.

I search on the web and find a little workaround, modificated by me.

Get started now:

Edit the "userChrome.css" in the following directory:

%APPDATA%\Mozilla\Firefox\Profiles\<Profilordner>\chrome\

If there is no "userChrome.css" you must duplicate and rename the "Chrome-example.css" to "userChrome.css" in the same directory.

Copy and paste the code above.

Then restart your Firefox.

Important: You must use the default theme/persona in Firefox.

If you have any questions: feel free to ask.

More informations:
Mozilla CSS Extensions
Early Adopters: Your Firefox 3 chrome tweaks are HERE
© 2011 - 2024 basstar
Comments25
Join the community to add your comment. Already a deviant? Log In
I am trying to get this to work with a specific color, due to my own style using that color. I changed the third line

background-color: -moz-Dialog !important;

to

background-color: #1b1b1b;

But its not transparent now.

I think i have some ideas on how to fix it but help would be appreciated.