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

Forum for discussions around the Basilisk web browser.

Moderator: satrow

User avatar
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Thu, 21 Dec 2017, 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: 21163
Joined: Sun, 28 Aug 2011, 17:27
Location: 58.5°N 15.5°E
Contact:

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

Postby Moonchild » Thu, 21 Dec 2017, 10:01

Why? Basilisk's theme is completely different from Pale Moon's theme; you won't have the same controls or selectors.
Improving Mozilla code: You know you're on the right track with code changes when you spend the majority of your time deleting code.

"The wisest men follow their own direction." - Euripedes

User avatar
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Fri, 22 Dec 2017, 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
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Sun, 24 Dec 2017, 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
Lunatic
Lunatic
Posts: 343
Joined: Sun, 24 Sep 2017, 16:35

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

Postby SpockFan02 » Tue, 26 Dec 2017, 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
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Tue, 26 Dec 2017, 03:15

Untitled.jpg

User avatar
SpockFan02
Lunatic
Lunatic
Posts: 343
Joined: Sun, 24 Sep 2017, 16:35

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

Postby SpockFan02 » Tue, 26 Dec 2017, 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: 1003
Joined: Thu, 09 Feb 2012, 23:35
Location: United Kingdom

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

Postby Lootyhoof » Tue, 26 Dec 2017, 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 Tue, 26 Dec 2017, 13:03, edited 1 time in total.

User avatar
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Thu, 28 Dec 2017, 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
Lunatic
Lunatic
Posts: 343
Joined: Sun, 24 Sep 2017, 16:35

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

Postby SpockFan02 » Fri, 29 Dec 2017, 02:16

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

User avatar
gracious1
Keeps coming back
Keeps coming back
Posts: 812
Joined: Sun, 15 May 2016, 05:00
Location: unseasonably HOT upstate NY
Contact:

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

Postby gracious1 » Mon, 01 Jan 2018, 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.
Image“Life is what happens to us while we are making other plans.” ― Allen Saunders

User avatar
helloimustbegoing
Board Warrior
Board Warrior
Posts: 1786
Joined: Thu, 28 Jun 2012, 01:20

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

Postby helloimustbegoing » Fri, 05 Jan 2018, 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 helloimustbegoing on Fri, 05 Jan 2018, 16:25, edited 1 time in total.


Return to “Basilisk”

Who is online

Users browsing this forum: No registered users and 4 guests