Make Header Icons In Contrast With Background

I have managed to make the background of my header blurry and now I would like to make the icons (menu, cart and search) and my logo in contrast with the background colors. That is, if the background is black, the icons and my logo are white. If the background is white, they are black. If the background is orange, they are blue. That is, always with the contrast color.

It is something that https://botter.world has achieved so I think it is simpler than it may seem.

I think it should be done with a reverse-contrast color code with the vectors and that it might be simpler than it seems, but I’ve been looking for information about it and haven’t found anything.

My test website is https://winnerofficial.com and the password is y21

Reference:

Are u making drop ship?

Hello @martujv

1 Like

Your store looks nice but the product image so big could cause it difficult for customer to see

Hey, it’s a beta shop for testing codes I’m not selling anything yet.

Hello!