I am having trouble figuring out how make an interaction work in my design.
I want the "+" to turn white on the dark background of the menu and of course reverse to black once the menu is closed. The Icon is used on the project pages, for example "Project 1".
The icon is made from two divs with a defined width and a 1px black border and has the rotation applied with an interaction.
Can I somehow change the color of the border with a step in an interaction?
If not, what other options are there? Should I rather use a svg icon?
Any help is really appreciated, because I can't really figure out how to reach the goal here. Thank you in advance!