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

Board for discussions around the Basilisk web browser.

Moderator: Basilisk-Dev

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2017-12-21, 01:45

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;
}

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35474
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

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

Unread post by Moonchild » 2017-12-21, 10:01

Why? Basilisk's theme is completely different from Pale Moon's theme; you won't have the same controls or selectors.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2017-12-22, 03:37

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)?

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2017-12-24, 01:10

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.

User avatar
SpockFan02
Astronaut
Astronaut
Posts: 535
Joined: 2017-09-24, 16:35
Location: Mak pupulusšum, California

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

Unread post by SpockFan02 » 2017-12-26, 01:08

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?

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2017-12-26, 03:15

Untitled.jpg

User avatar
SpockFan02
Astronaut
Astronaut
Posts: 535
Joined: 2017-09-24, 16:35
Location: Mak pupulusšum, California

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

Unread post by SpockFan02 » 2017-12-26, 05:57

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

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1568
Joined: 2012-02-09, 23:35
Location: United Kingdom

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

Unread post by Lootyhoof » 2017-12-26, 13:02

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;
}
Last edited by Lootyhoof on 2017-12-26, 13:03, edited 1 time in total.

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2017-12-28, 22:04

Thanks to both Lootyhoof and SpockMan02. I had to use both of your codes to get the whole thing blue.

User avatar
SpockFan02
Astronaut
Astronaut
Posts: 535
Joined: 2017-09-24, 16:35
Location: Mak pupulusšum, California

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

Unread post by SpockFan02 » 2017-12-29, 02:16

Haha, well, I'm glad it worked out. :)

User avatar
gracious1
Keeps coming back
Keeps coming back
Posts: 891
Joined: 2016-05-15, 05:00
Location: humid upstate NY

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

Unread post by gracious1 » 2018-01-01, 21:19

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.
20 July 1969 🌗 Apollo 11 🌓 "One small step for [a] man, one giant leap for mankind." 🚀

User avatar
ron_1
Moon Magic practitioner
Moon Magic practitioner
Posts: 2852
Joined: 2012-06-28, 01:20

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

Unread post by ron_1 » 2018-01-05, 16:24

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
Last edited by ron_1 on 2018-01-05, 16:25, edited 1 time in total.

Locked