Firefox Customs

4 readers

10 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

[email protected]

Popup colours on about:addons (fedia.io)

submitted 1 week ago by [email protected] to c/[email protected]

3 comments fedilink hide all child comments

For some time the colours of the popup on about:addons has had the native colours (black on white) instead of the colours set in userContent.css. The addons page itself still has the colours set in the css file.

I opened the Browser Toolbox and disabled popup auto-hide but I wasn't able to identify the selector(s) to use.

This is my code :

@-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("resource://"){ :root { --in-content-page-color: #000080 !important; --in-content-text-color: #000080 !important; --in-content-page-background: #dbc3a3 !important; --in-content-box-background: #e2cfb6 !important; --in-content-deemphasized-text: var(--in-content-text-color) !important; scrollbar-color: #6495ed #d9d9d9 !important; /*var(--in-content-text-color) var(--in-content-page-background) !important;*/ color:var(--in-content-text-color) !important; }

What do I add to change the colours of the popup to conform with the page itself?

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 1 points 1 week ago (2 children)

The options button menus (I guess those are the ones you mean) just are not using the variables you have listed. Probably the most easy solution would be to modify values of the varibles that that those menus are using - just add these two there with your other rules:

    --background-color-box: var(--in-content-page-background) !important;
    --text-color: var(--in-content-text-color) !important;

Although, I don't know how other internal pages might respond to that since the rule set you have applies to pretty much all internal pages, not just about:addons.

[–] [email protected] 1 points 1 week ago

Thank you. That had the desired result on the addons page. I have seen a post on Reddit suggesting the following to limit code to popups : @media (width >= 700px) {...} Would it be appropriate to bracket the added lines with that?

[–] [email protected] 1 points 1 week ago

I marked this solved then saw a post on Reddit suggesting the following to limit code to popups : @media (width >= 700px) {...} Would it be appropriate to bracket the added lines with that?