A naive little @media (prefers-color-scheme: dark) { .MathJax_SVG > svg { filter: invert(1) hue-rotate(180deg); } } should make it reasonably readable. (Uh, that breaks MathJax "zoom frame" though. Maybe just slap on a white background for now. Should really be their problem.)
The thing is, I honestly have no idea where the main dark mode support comes from: on the filter-effects page, it's one of the <style> elements inlined into <head>. Please move this issue to whatever actual repository that contains the style templates for bikeshed (I guess?).
The page https://drafts.fxtf.org/filter-effects/#attr-valuedef-type-huerotate renders poorly on dark mode as MathJax doesn't automatically adapt the colors. The W3C TR doesn't have the issue because it has no dark mode support.
A naive little
@media (prefers-color-scheme: dark) { .MathJax_SVG > svg { filter: invert(1) hue-rotate(180deg); } }should make it reasonably readable. (Uh, that breaks MathJax "zoom frame" though. Maybe just slap on a white background for now. Should really be their problem.)The thing is, I honestly have no idea where the main dark mode support comes from: on the filter-effects page, it's one of the
<style>elements inlined into<head>. Please move this issue to whatever actual repository that contains the style templates for bikeshed (I guess?).