Update favicon.svg to be compatible with darkmode

[CedarMist]

Uses same icon as from docs.oasis.io

[github-actions]

Deployed to Cloudflare Pages

Latest commit:	f0648fb6ed87b55f1468fc04666980516ccdd307
Status:	✅ Deploy successful!
Preview URL:	https://db5ebe12.oasis-explorer.pages.dev
Alias:	https://pr-1566.oasis-explorer.pages.dev

[buberdds]

hm this update should go other way around. Docs is not using the correct favicon. The new one was introduced during rebrand and is used by all other products. I am not UI or brand designer so I will leave decision to @donouwens who created favicon.

[CedarMist]

iirc the updated favicon from @donouwens was to make it work in dark mode by adding a white background because the blue color was contrasting really badly in dark mode. However, this made the favicon much smaller and more difficult to discern amongst other favicons, and makes the detail of the Oasis logo blurry and harder to see.

This updated favicon works in light mode (with the brand blue color) and dark mode (by turning white), while retaining the detail of the icon and has a size equivalent to the majority of favicons on the web.

[tjanez]

iirc the updated favicon from @donouwens was to make it work in dark mode by adding a white background because the blue color was contrasting really badly in dark mode. However, this made the favicon much smaller and more difficult to discern amongst other favicons, and makes the detail of the Oasis logo blurry and harder to see.

Agreed. Having a smaller Oasis logo because of white background makes the favicon harder to see and doesn't look well compared to favicons of other sites.

This updated favicon works in light mode (with the brand blue color) and dark mode (by turning white), while retaining the detail of the icon and has a size equivalent to the majority of favicons on the web.

Agreed regarding light mode. However, in the dark mode, the icon didn't turn to white for me on Chromium or Firefox: