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: [][1]