Page 1 of 1

userChrome code didn't work (but works in PM)

Posted: 2017-12-21, 01:45
by ron_1
I added the code below to my userChrome.css file in Basilisk so I can get a nice blue menu bar just like I have in Pale Moon. I did a simple copy-and-paste from my PM userChrome.css file to Basilisk's userChrome.css file, but it didn't work. Does anyone have any idea why? Thanks.

BTW, I'm using Classic Theme Restorer if that matters.

Code: Select all

:root {
  --toolbar-custom-color: rgb(160,205,247) !important;
}

#toolbar-menubar {
  -moz-appearance: none !important;
}

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-21, 10:01
by Moonchild
Why? Basilisk's theme is completely different from Pale Moon's theme; you won't have the same controls or selectors.

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-22, 03:37
by ron_1
Moonchild wrote:
Why?
Why I want this? Because I want something other than a grey menu bar. Why did I copy over my PM userChrome? User ignorance. :)

Is there a way to accomplish a change in the menu bar color in Basilisk (while at the same time using Classic Theme Restorer)?

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-24, 01:10
by ron_1
I must be an awful internet searcher. I've searched and can't find anything that works to change the menu bar background color via userChrome. Is there anyone out there who can help? In the meantime, I installed the Pale Moon lightweight theme (with the modern logo). But I would prefer just a change in color.

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-26, 01:08
by SpockFan02
Hm, I pasted the code you've got there into my Pale Moon userChrome.css, and it doesn't seem to have any effect. I'm on Mac Pale Moon 27.6.2. Could you provide a screenshot of what it looks like in Pale Moon for you, so we know what it's meant to do and what you want it to look like in Basilisk?

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-26, 03:15
by ron_1
Untitled.jpg

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-26, 05:57
by SpockFan02
Well, going from Firefox 56.0.2 on a Mac and what I'm told by the DOM Inspector and Element Inspector add-ons, I think that this should do the trick for you:

Code: Select all

#titlebar > * { background-color: #A0CDF7 !important; }
#navigator-toolbox > * { background-color: #A0CDF7 !important; }
n.b. that the hexadecimal color code I use there is equivalent to your RGB, and you could probably use the same.

I sincerely hope that this gets you what you're looking for, and I wish you a good day. :D

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-26, 13:02
by Lootyhoof
To clear up some confusion: the --toolbar-custom-color variable is one I added to several of my themes, and (specifically) the Windows default theme of Pale Moon. You could try this, though it will style only the menubar (not the other toolbars, like in Fox 2 The Moon):

Code: Select all

#toolbar-menubar {
  -moz-appearance: none !important;
  background-color: rgb(160,205,247) !important;
}

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-28, 22:04
by ron_1
Thanks to both Lootyhoof and SpockMan02. I had to use both of your codes to get the whole thing blue.

Re: userChrome code didn't work (but works in PM)

Posted: 2017-12-29, 02:16
by SpockFan02
Haha, well, I'm glad it worked out. :)

Re: userChrome code didn't work (but works in PM)

Posted: 2018-01-01, 21:19
by gracious1
helloimustbegoing wrote:Thanks to both Lootyhoof and SpockMan02. I had to use both of your codes to get the whole thing blue.
Could you post a before and after screenshot so we can see the results of this? (Especially those of us who don't have Windows). Thx.

Re: userChrome code didn't work (but works in PM)

Posted: 2018-01-05, 16:24
by ron_1
gracious1 wrote:
Could you post a before and after screenshot
Sorry, I only saw your request just now. Here ya go . . .
1.jpg
2.jpg