svg { --fg: black; --bg: white; } /* light mode */ @media screen { @media (prefers-color-scheme: dark) { svg { --fg: white; --bg: black; } /* dark mode */ } [data-darkreader-mode="dynamic"] svg { --fg: white; --bg: black; } /* dark mode */ } svg { stroke: black; /* fallback */ stroke: var(--fg); fill: white; /* fallback */ fill: var(--bg); }