Change the color of this separators in about:preferences in the translation section?
Change the color of this separators in about:preferences in the translation section?
Hello!
How could I change the separator color in about:preferences in the translation section?
When I put my code in userContent in @ -moz-document url("about:preferences#general")
It doesn't work, I guess that it's because it opens up in a new window, but when I put it outside of it it works, the only problem with that is that I don't know if it will also affect webpages.
Thanks!
Why in userContent?
The code belongs in userChrome!
Look at the answer of your post here:https://www.reddit.com/r/FirefoxCSS/comments/181dzn9/change_the_color_of_this_separators_in/
It doesn’t work.
But isn’t this code in userContent because about:preferences is a webpage?
No! This is an 'modal-dialog', it is not a window nor a website, and it is a part of chrome!
https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal
Use this format to englobe all urls in about:preferences page:
@-moz-document url-prefix(about:preferences){...}Edit: maybe you want something like this:
window, dialog{ --in-content-border-color: red !important; }I managed to do it with this:
@-moz-document url("chrome://browser/content/preferences/dialogs/translations.xhtml"){ #alwaysTranslateLanguagesTree > treecols:nth-child(1) > treecol:nth-child(1) { color: red !important; } }in userContent outside of
@-moz-document url("about:preferences")