Page 1 of 1

Need help theming the Pale Moon menu button.

Posted: 2021-04-03, 03:28
by R3n_001
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.

Re: Need help theming the Pale Moon menu button.

Posted: 2021-04-03, 08:41
by Kris_88
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;
}

Re: Need help theming the Pale Moon menu button.

Posted: 2021-04-03, 08:49
by R3n_001
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.

Re: Need help theming the Pale Moon menu button.

Posted: 2021-04-03, 08:59
by Kris_88
You can create an image with text.

Re: Need help theming the Pale Moon menu button.

Posted: 2021-04-03, 09:16
by Kris_88
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;
}

Re: Need help theming the Pale Moon menu button.

Posted: 2021-04-08, 20:04
by kalafior
thanks, had the same issue ;)