Ubuntu / Linux news and application reviews.

firefox radiance

There are already Radiance and Ambiance themes for Google Chrome. But how about Firefox? I mean, Firefox doesn't look exactly ugly without a theme, but I still find it really nice to make the Radiance color consistent within Firefox.

I just saw @ ubuntulife an userChrome.css style for Firefox which makes the Ubunu Radiance consistent through Firefox (and looks like in the screenshot in the beginning of the post).

To 'install' it, navigate to your home folder, then press Ctrl + H to see hidden files and folders and then go to .mozilla/firefox/ and there you should have a folder called "xxxxxx.default" which is your default profile (in case you use a custom profile, navigate to it's folder instead) and inside this folder you will find the chrome folder. Basically this is the exact path on my computer:
/home/andrei/.mozilla/firefox/ops41fsj.default/chrome

There you should have a file called userChrome.css but if it's not there for you, create it and paste this inside this file:

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */

/* Menu and toolbar color */
navigator-toolbox {background: #efcb87 !important;
}

#urlbar, #searchbar .searchbar-textbox{
background-color: white !important;
color: black !important; }

#navigator-toolbox,
#navigator-toolbox #toolbar-menubar,
#navigator-toolbox #nav-bar,
#navigator-toolbox #PersonalToolbar
{
-moz-appearance: none !important;
border: 0 !important;
}

#navigator-toolbox
{
-moz-appearance: none !important;
background-color: #E0D6BA !important;
}

#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 9px !important;
padding-right: 2px !important;
padding-left: 6px !important;
}

#search-bar {
-moz-appearance: none !important;
-moz-border-radius: 12px !important;
padding-right: 6px !important;
}

#navigator-toolbox textbox
{
-moz-border-radius: 6px !important;
}

.tabbrowser-tabs {
background: #E0D6BA !important;
}


Save the file and restart Firefox. That's it.


Credits: UbuntuLife