Streaming live at 10am (PST)

Custom Hamburger to be a set colour depending on background colour

Hey Everyone

Is it possible to have a custom hamburger menu change colour depending on the background its been opened on?
I have created a hamburger menu that changes colour on scroll which I have set using text colour triggers when you scroll into a section. This seems to be working ok, the problem I have is the background for the menu I’ve built is a dark gradient, so when opening the menu on a white background the dark hamburger menu stays dark and cant be seen. As I have used a dark gradient background for the menu, what I would like to achieve is for the hamburger menu to go white no matter where its opened on the page. Is this achievable? I hope that all makes sense. Thanks!


Here is my public share link: [https://preview.webflow.com/preview/layouts-test-fa77a4b21aea047a2ba9e2?utm_medium=preview_link&utm_source=designer&utm_content=layouts-test-fa77a4b21aea047a2ba9e2&preview=1259a52a3010664849e84d897370223a&mode=preview][1]
https://layouts-test-fa77a4b21aea047a2ba9e2.webflow.io