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
-
- Moonbather
- Posts: 66
- Joined: 2019-05-25, 20:39
-
- Keeps coming back
- Posts: 939
- Joined: 2021-01-26, 11:18
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;
}
-
- Moonbather
- Posts: 66
- Joined: 2019-05-25, 20:39
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; }
-
- Keeps coming back
- Posts: 939
- Joined: 2021-01-26, 11:18
Re: Need help theming the Pale Moon menu button.
You can create an image with text.
-
- Keeps coming back
- Posts: 939
- Joined: 2021-01-26, 11:18
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;
}