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.
Need help theming the Pale Moon menu button.
Moderators: FranklinDM, Lootyhoof
Re: Need help theming the Pale Moon menu button.
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.
So, that worked, but I wanted to replace the text, not remove it.Kris_88 wrote: ↑2021-04-03, 08:41userChrome.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.
You can create an image with text.
Re: Need help theming the Pale Moon menu button.
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;
}