Page Design Based on Variant Color

[rlp1998]

Hi! I am trying to change the "add to cart" button color and my header logo color on my product page based on the selected variant - i.e the variant selected is pink - add to cart button changes to pink and my website logo changes to pink, or the variant selected is blue - the add to cart button changes to blue and the website logo changes to blue. 

The Skims website does this and I am trying to recreate on my end because I think its really cool! 

I am using the dawn theme currently. 

Thanks for all the help!!

[Shipo-studio]

That's a cool idea! Yes, it's possible using conditional logic in JavaScript. I can help you set it up—let me take a look at your theme.

[rlp1998]

YAY! Thank you in advance for helping out!

[Shipo-studio]

😄Let me know if it helps 🙂

[rlp1998]

So sorry - not sure if i missed the solution here to try. New to the forum and not sure if solution was posted some where other than this thread.

[Shipo-studio]

No worries if possible allow me to check your theme code so that i can sort it perfectly 🙂

[rlp1998]

https://chaoscases.com/