What's the CSS Selector for the popup bubble when hovering on a URL?
The popup I am talking about is the one described here: https://support.mozilla.org/en-US/kb/what-happened-status-bar?esab=a&as=aaq
I have a dark theme for Firefox but this remains white. I would like to use custom CSS to turn it black with white text (ala Chrome which I just migrated from) but I cannot find the correct selector for it.
Thanks in advance!
Chosen solution
I use this code:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
statuspanel {max-width:90%!important}
.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}
Add code to the userChrome.css file below the default @namespace line.
Read this answer in context 👍 0All Replies (5)
Perhaps this can get you started: http://www.wikihow.com/Custom-Colorize-Firefox
You might also contact the authors of the dark theme with a request.
Chosen Solution
I use this code:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
statuspanel {max-width:90%!important}
.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}
Add code to the userChrome.css file below the default @namespace line.
cor-el, Thank you! Does exactly what I need!
Solved! Lets hope this thread helps some other sod down the line!
You're welcome
Even better solution may be to use Status-4-Evar addon, that moves status label to the free space on the Add-On Bar. For me, it's the best - as the label doesn't get in the way (not convenient e.g. overlapping the last string in text field - I can't see what I type). With Status-4-Evar, statuspanel goes exactly to the right place. https://addons.mozilla.org/ru/firefox/addon/status-4-evar/