Need help theming the Pale Moon menu button.

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

Moderators: FranklinDM, Lootyhoof

User avatar
R3n_001
Hobby Astronomer
Hobby Astronomer
Posts: 27
Joined: 2019-05-25, 20:39
Contact:

Need help theming the Pale Moon menu button.

Unread post by R3n_001 » 2021-04-03, 03:28

I'd like to theme the menu button on Pale Moon 29.2.0a1, but I'm unable to find any working css for it. I've tried various things in Stylem and userChrome.css, and have had no luck.

I'd like to change the name, and I'd like to change the color, I don't care about anything else.

User avatar
Kris_88
Fanatic
Fanatic
Posts: 127
Joined: 2021-01-26, 11:18

Re: Need help theming the Pale Moon menu button.

Unread post by Kris_88 » 2021-04-03, 08:41

userChrome.css :

Code: Select all

#appmenu-button label.button-text { font-size: 0; }
#appmenu-button { background: #A0FFA0 !important; }
#appmenu-button hbox.button-box {
background: url(chrome://browser/content/abouthome/settings.png) no-repeat;
background-size: contain;
}

User avatar
R3n_001
Hobby Astronomer
Hobby Astronomer
Posts: 27
Joined: 2019-05-25, 20:39
Contact:

Re: Need help theming the Pale Moon menu button.

Unread post by R3n_001 » 2021-04-03, 08:49

Kris_88 wrote:
2021-04-03, 08:41
userChrome.css :

Code: Select all

#appmenu-button label.button-text { font-size: 0; }
#appmenu-button { background: #A0FFA0 !important; }
#appmenu-button hbox.button-box {
background: url(chrome://browser/content/abouthome/settings.png) no-repeat;
background-size: contain;
}
So, that worked, but I wanted to replace the text, not remove it.

User avatar
Kris_88
Fanatic
Fanatic
Posts: 127
Joined: 2021-01-26, 11:18

Re: Need help theming the Pale Moon menu button.

Unread post by Kris_88 » 2021-04-03, 08:59

You can create an image with text.

User avatar
Kris_88
Fanatic
Fanatic
Posts: 127
Joined: 2021-01-26, 11:18

Re: Need help theming the Pale Moon menu button.

Unread post by Kris_88 » 2021-04-03, 09:16

more correct:

Code: Select all

#appmenu-button { background: #A0FFA0 !important; }
#appmenu-button > hbox.button-box label.button-text { font-size: 0; }
#appmenu-button > hbox.button-box {
background: url(chrome://browser/content/abouthome/settings.png) no-repeat;
background-size: contain;
}

User avatar
kalafior
New to the forum
New to the forum
Posts: 1
Joined: 2021-04-08, 19:59

Re: Need help theming the Pale Moon menu button.

Unread post by kalafior » 2021-04-08, 20:04

thanks, had the same issue ;)

Post Reply