injected css includes a variable that interferes with sites' stylesheets

[joejenett]

in content_styles.css, the --bg: #eee; variable is overriding variables defined within websites' own stylesheets. I experienced the problem on 3 different sites in one day and disabling the extension fixed the problem on all three of them. I've disabled FediAct for now.

[pacanukeha]

this issue is visible on https://worldle.teuteuf.fr/ when it tries to display svgs of neighbouring countries.

[winghongchan]

Another example of FediAct interfering with website’ CSS:
On a bunch of websites all made by GHD Digital / Govstack, FediAct makes accordion elements (click to expand, similar in behaviour to the <details> element) 0% opacity (invisible).

Examples:

• https://www.yrt.ca/en/about-us/technology.aspx
• https://www.durhamregiontransit.com/en/about-us/about-drt.aspx
• https://www.oshawa.ca/en/city-hall/service-oshawa.aspx

Not currently sure why this happens. (It’s not just .Accordion{opacity: 0;}. That’s in the website’s CSS regardless of whether FediAct is enabled. I suspect FediAct is interfering with how the website relies on a keyframes animation to make the accordions visible? Idk.)