Fill property of a component wouldn't change

Hello everyone. I wondered if somebody could help with this issue.

I built 2 simple components in a Component Library (header and menu components). Then I inserted those 2 components from the Component Library into my App. Within the app, I have a variable called 'varHexHeaderCollor' which I am trying to use to set the Fill property of the 2 components in my App.

The 1st screenshot shows the header component selected in my App and you can see the Fill property is set to the 'varHexHeaderColor' variable and it's working as expected and color has changed to orange which is the color stored in that variable.

The 2nd screenshot shows the menu component select and you can see that I changed the Fill property to the same 'varHexHeaderColor' variable and there are no errors, however, the Fill color of the menu component remains to be black.

Why the menu component wouldn't change the color after setting the Fill property?

The menu component has a gallery with a few controls on it and the header component has only a few label controls.

Thanks!

4 comments