Toolbar button color Topic is solved

Add-ons for Pale Moon and other applications
General discussion, compatibility, contributed extensions, themes, plugins, and more.

Moderators: FranklinDM, Lootyhoof

Pelican
Fanatic
Fanatic
Posts: 235
Joined: 2018-02-23, 06:51

Toolbar button color

Unread post by Pelican » 2025-01-19, 01:29

I am having trouble finding where I can change the background color for the TOOLBAR-BUTTON.

Also need to adjust the spacing/width of the button to eliminate an overlap with the meta title. Any idea where to start?

Image

User avatar
tellu-white
Fanatic
Fanatic
Posts: 151
Joined: 2022-03-08, 22:02

Re: Toolbar button color

Unread post by tellu-white » 2025-01-19, 16:20

Copy the following code into the "userChrome.css" file:

C:\Users\USER\AppData\Roaming\Moonchild Productions\Pale Moon\Profiles\XXXXXXXX.default\chrome\userChrome.css

Code: Select all

#appmenu-button {
	width: 90px !important;
	height: 18px !important;
	max-width: 90px !important;
	max-height: 18px !important;
	margin: 0px !important;
	padding: 2px 5px 3px 2px  !important;
	background: #ff0539 !important;
}
01.png
Change #ff0539 color to the desired one.

Screenshot after applying the code above:
02.png

Pelican
Fanatic
Fanatic
Posts: 235
Joined: 2018-02-23, 06:51

Re: Toolbar button color

Unread post by Pelican » 2025-01-19, 20:24

tellu-white wrote:
2025-01-19, 16:20
Copy the following code into the "userChrome.css" file
That might work for personal use, but I need to make the changes to the browser source that will apply to all builds.

"Official" builds produce the Pale Moon blue button color, while "Unofficial" builds produce a black button, which is ok, but because the title name is slightly longer, the button is overlapping the meta title. But where exactly that CSS is located is most difficult... there are so many references for #appmenu-button and none of them define a color like #nnnnnn

It is mainly the width of that button that I need to adjust.

Pelican
Fanatic
Fanatic
Posts: 235
Joined: 2018-02-23, 06:51

Re: Toolbar button

Unread post by Pelican » 2025-01-20, 00:02

The title button spacing is the problem... if the title is longer than "Pale Moon" it overlaps the page tile as shown here...

Image

The start point for page title is fixed and I need to move it to allow for a wider title button. But where is the CSS for that?

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

Re: Toolbar button color

Unread post by Moonchild » 2025-01-20, 00:18

"The world will not be destroyed by those who do evil, but by those who watch them without doing anything." - Albert Einstein
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

Post Reply