catppuccin / userstyles

🖌 Soothing pastel userstyles
MIT License
469 stars 137 forks source link

Wikipedia equations #660

Closed razimantv closed 6 months ago

razimantv commented 6 months ago

Is there an existing issue outlining your problem?

What userstyles are you seeing the problem on?

lbl:wikipedia

Describe your problem.

Equations show up in black in dark themes, making it hard to see them. I don't know much about CSS theming, but this might be unfixable because Wikipedia is rendering the equations as images. In that case, it might help to put them on a light background.

Attach screenshots.

image

What browser(s) are you seeing the problem on?

Firefox v123.0.1

Any additional comments?

No response

iliqKichev commented 6 months ago

The top Wikipedia dart theme uses this to make the equations work:

.mwe-math-fallback-image-inline img,
    .mwe-math-element img,
    img[src*="LaTeX"] {
        filter: invert(100%);
    }

I just added it to the theme and it worked, but I haven't tested it heavily.

isabelroses commented 6 months ago

The top Wikipedia dart theme uses this to make the equations work:

.mwe-math-fallback-image-inline img,
    .mwe-math-element img,
    img[src*="LaTeX"] {
        filter: invert(100%);
    }

I just added it to the theme and it worked, but I haven't tested it heavily.

This would work. We should also include when not (@lookup = latte), just to make sure that the theming only applies on the dark themes.