Changing the color of formatted URL segments in 118
Hey sorry, this was originally asked in https://www.reddit.com/r/FirefoxCSS/comments/wb3k15/url_bar_text_color/ however its solution doesn't work anymore. I am updating to 118 and it seems that the grey segments of the URL just aren't affected by the color of background elements anymore like they were in 114. I've tried for several hours to change the color without affecting the unboxed area, but I've had no luck. Any and all help for this excruciating endeavor would be tremendously appreciated! Also, I posted this in the fedia area too, wasn't sure which one would get more attention and it didn't automatically mirror here. I'm just very desperate for help on this.
Segments I want to change the color of: https://i.imgur.com/50GzmCh.png
5 replies
I have the following but I don't use the url bar for searching.
#urlbar { color: #yourchoice !important; }
Appreciated, but it's not what I was looking for at all. This affects the entire URL instead of the segmented bits exclusively.
You can't use that hack anymore. Color rendering code was changed to use real alpha channel because the earlier code caused some issues with certain themes. So the gist here is basically that this CSS hack relied on another hack which is now fixed properly, thus the CSS hack won't work.
So there isn't even a way to change it using JS either? Dang, that's deeply unfortunate.
There probably is a way if you create your own custom url "viewer" with which you piece together parts of the url as actually separate elements or otherwise manage to apply colors only to parts of the url text, maybe using selection ranges or something. But you can't simply "modify colors" of the url I don't think.