How to change Application Menu Bar Color?

[Shadowfate]

Hi

I just installed Pale Moon 7 and quickly noticed the Pale Blue color of the Application Menu bar.

I was wondering if there is a way to change the theme to the foxy orange one? and the Tab colors as well?

Thanks.

If not I may just go back to using Palemoon 6.

[Moonchild]

You can change the colors and other attributes of user elements by using the UserChrome.css file.

The code you need to change is #appmenu-button, extracted here (with blue):

Code: Select all

#appmenu-button {
  background: -moz-linear-gradient(rgb(82,182,247), rgb(10,98,215) 95%);
  border: 1px solid rgba(6,42,83,.9);
}
#appmenu-button:hover:not(:active):not([open]) {
  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(89,240,252,.5) 10%, rgba(89,240,252,0) 70%),
                    -moz-radial-gradient(center bottom, farthest-side, rgb(0,133,236), rgba(172,229,255,0)),
                    -moz-linear-gradient(rgb(69,170,246), rgb(0,74,209) 95%);
}

Change the rgba() sets of values to whichever color you prefer.

Similarly, you can use this file to customize your tab headers. There are plenty of tutorials and articles out on the 'net to guide you through it

[Shadowfate]

Thanks for the reply.

I copy pasted the appmenu code into the UserChrome.css file. I saved it while using and orange rgb(I do not know the actual rgb of the one Palemoon used before)and restarted the Palemoon.

Nothing changed.....

ACtual code below

/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

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


/*
* Some possible accessibility enhancements:
*/
/*
* Make all the default font sizes 20 pt:
*
* * {
* font-size: 20pt !important
* }
*/
/*
* Make menu items in particular 15 pt instead of the default size:
*
* menupopup > * {
* font-size: 15pt !important
* }
*/
/*
* Give the Location (URL) Bar a fixed-width font
*
* #urlbar {
* font-family: monospace !important;
* }
*/

/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/



#appmenu-button {
background: -moz-linear-gradient(rgb(255,165,0), rgb(255,165,0) 95%);
border: 1px solid rgba(255,165,0,.9);
}

[Moonchild]

You have to add !important at the end of each rule to make it override others.

e.g. background: -moz-linear-gradient(rgb(255,165,0), rgb(255,165,0) 95%) !important;

[jaromanda]

Odd, I like the blue. On my XP machine, I have a Blue Pale Moon

On windows 7, I have Orange Pale Moon

Why? both the same version (indeed the same installer) of Pale Moon

I want blue on my Win 7 machine, without the above "hack"

edit: nevermind - reinstall in windows 7, all is good. Thought I already did that, but, was running Palemoon 7 BETA

[Moonchild]

but, was running Palemoon 7 BETA

See, that's why I prefer not to have betas out - it causes confusion and support requests that are unnecessary.

[Shadowfate]

Hmmm I found out that the default orange color is good but will have to check on another computer what is the exact RGB code for the app bar from PM 6.

I will also check about the tab headers... It is just too blue for me... Hope I can get the right color back or I'll be forced to be stuck in PM 6.

[Moonchild]

Look, Pale Moon 6 is not recommended for a number of reasons (including security vulnerabilities that have been fixed in v7). If it's that big a deal for you to have orange, the -exact- Firefox orange, then you are always free to use the browser that looks exactly right for you, i.e. Mozilla Firefox.

FYI: the color is part of the browser theme that Pale Moon comes with, it's not hard-coded or anything. It might even be possible to pull the theme out of Firefox and use that (?)
The tab headers weren't touched, just the appmenu - if those are blue for you then that is because of your Windows theme, most likely.