[Question] Best practices to make a website "Dark Reader compliant" ? · Issue #4342 · darkreader/darkreader

    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);
    }