Outline Your Favicon (opens in new tab)

Just use SVG for your favicon, it supports media queries so you can change the fill color when dark mode is detected.

Alternately: don't use transparency in favicons.

Worth noting that modern browsers support favicons up to 64x64