Firefox Customs

3 readers

9 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Firefox

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

MODERATORS

yoasif@fedia.io

MrOtherGuy@lemmy.world

Change the color of this separators in about:preferences in the translation section? (fedia.io)

submitted 11 months ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

5 comments fedilink hide all child comments

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!

top 5 comments

sorted by: hot top controversial new old

[–] KnowItAll@fedia.io 1 points 11 months ago* (last edited 11 months ago) (1 children)

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/

[–] Zethasu@fedia.io 1 points 11 months ago (1 children)

It doesn’t work.

But isn’t this code in userContent because about:preferences is a webpage?

[–] KnowItAll@fedia.io 1 points 11 months ago* (last edited 11 months ago) (1 children)

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

[–] Zethasu@fedia.io 1 points 11 months ago

But it doesn’t work in user chrome, it works in userContent but only if I don’t put it inside @ moz something. I don’t know why, I even created a new css file to do it and nothing.

@MrOtherGuy any ideas on what to do?

[–] Zethasu@fedia.io 1 points 11 months ago

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")