Need help theming the Pale Moon menu button.

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

Moderators: FranklinDM, Lootyhoof

User avatar
R3n_001
Moonbather
Moonbather
Posts: 60
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
Keeps coming back
Keeps coming back
Posts: 932
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
Moonbather
Moonbather
Posts: 60
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
Keeps coming back
Keeps coming back
Posts: 932
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
Keeps coming back
Keeps coming back
Posts: 932
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 ;)

Locked