css:

1 point

Has the thing you are doing ever worked? I mean, if you were to use actual inline svg document then I think it would just work, but I doubt you are doing that. But if you just use an svg image using say, list-style-image or background-image, then I don’t think currentcolor inside the svg has ever worked.

The way colors are forwarded from the embedding document (in gecko) to the svg is bit of a hack. The svg icon needs to have certain attribute value in its definition: example: ... AND the element using this svg icon needs to declare that such forwarding is needed using css .thing { -moz-context-properties: fill, fill-opacity } AND then setting the fill color like .thing { fill: currentColor }.

And you need to set svg.context-properties.content.enabled if the svg file you are using is not loaded using chrome:// or resource:// uri.

If you do that setup then you can totally make them use currentColor from the embedding document. This hackery might not be required anymore when/if css link params is implemented.

permalink
report
reply

Firefox CSS

!firefoxcss@lemmy.world

Create post

Pushing the limits of the Firefox Browser through the use of CSS.

#join #firefoxcss:mozilla.org

Post your Firefox UI customizations here!

What is userChrome.css?

Rules (enforced)

  1. Posts must have flair!

  2. Follow Lemmy.World rules

  3. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.

  4. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.

  5. 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.

  6. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

Guidelines (not enforced)

Consider adding the following info to help people try your tweaks:

  1. Screenshots should have code in comments.

  2. Include Firefox version

  3. When asking for help you should share your custom style to help others understand what you are doing. This is increasingly important the more custom rules you have.

  4. List any other addons that may be changing the UI

  5. If a custom wallpaper is used, include a link to the original.

  6. If someone’s comment solves you problem, reply to the comment to let them know, and change your post flair to solved.

Wiki

Find Helpful Knowledge and answers to common issues in /c/FirefoxCSS wiki.

Links

Lemmy Communities

Websites

Community stats

  • 26

    Monthly active users

  • 38

    Posts

  • 21

    Comments

Community moderators