How can I customize favicons for light and dark mode browsers?

[RandyVDN]

Dear forum,

I would like a different favicon for customers who either use a light or dark mode within their browser. I have tried to do this, now the favicon is different for each page. How can I have a dark blue star logo in light mode and a white star in dark mode.

Example of the home page: 

Example of a different page: 

The website link is https://turkesteron.nl

Thank you so much!

[Zworthkey]

@RandyVDN 
Hi,
Welcome to Shopify Community,
For this feature, you need a developer,
or you need to hire a Developer to implement this into your theme.
Thank you

[RandyVDN]

What would be the expected costs of such a task?

Also, could this be done myself using explanations/tutorials?

Kind regards,

[Zworthkey]

@RandyVDN 
You are not a developer,
The explanation takes time.

mention everything.

[GavinChan]

Hi @RandyVDN ,

This feature can be done via custom coding only to suit your needs.