this post was submitted on 17 Jun 2024
5 points (100.0% liked)
Firefox Customs
4 readers
1 users here now
Post your unsupported Firefox customizations here!
From the makers of r/FirefoxCSS
Links
Related
Rules
- Posts must have flair!
- Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
- Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
- When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
- Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.
founded 1 year ago
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
I think I looked into this some time in the past and it turned out that to do this, you need to use autoconfig scripting to inject a stylesheet as an agent style. Then, you can use style like this:
I'm limiting that style to only apply to svg elements by namespace, because otherwise the style will apply to all websites as well. But nonetheless, this would also set this custom property to all svg elements in any svg that has has that particular id. Not a huge deal, the point is simply that you need to do something to limit the scope the you want to apply changes to.
I see, this is for the highlighting, right?
And for the popup it would be the same? The other popups in my toolbox do look like they are intended to, its just that one that doesn't work.
Yeah, sorry I missed the question about the popup. Yes, you can change it, but it's via userContent.css not userChrome. Could look like this:
Note that this only changes the popup that appears in style editor because the other parts of the toolbox are separate documents. Also, it only works for "normal" devtools but not for browser toolbox - to affect that you need to first set up userChrome.css for the toolbox profile, it's literally a separate firefox profile stored inside its target profile in a
chrome_debugger_profile
directory.Perfect!
Thanks a lot!!