Dark/Light favicons in Gatsby

This is me documenting the process of reaching the goal rather than a tutorial.

I implement how we can change the favicon based on the user's color preference on my website.

Here is the commit - https://github.com/aravindballa/website2017/commit/fc9ff64da55eb209f475e3f488980c2cca3742c6

Resources

• https://web.dev/prefers-color-scheme/
• https://www.gatsbyjs.org/docs/browser-apis/#onRouteUpdate