Hello @md60th , i have a little answer. I thank you in advance for your help.
I try to do the same on my website but it doesn’t work, i check and repeat that 3 time. It still doesn’t work.
Here is my code,
const menuItems = {
color : {
black : ‘#000000’ ,
white : ‘#ffffff’ ,
},
setItemsColor : ( color ) => {
return <svg preserveAspectRatio="xMidYMid meet" data-bbox="0.5 0 113.59 44" xmlns="http://www.w3.org/2000/svg" viewBox="0.5 0 113.59 44" height="44" width="115" data-type="color" role="img" aria-labelledby="svgcid-nbheqmtc6fzq"><defs><style>#comp-krg6wim4 svg [data-color="1"] {fill: ${ color } ;}</style></defs><title id="svgcid-nbheqmtc6fzq">Homepage</title> <g> <path d="M44.5 0v44H.5V0h44zm32.15 15.6c1.268 0 2.37.273 3.31.82.94.547 1.664 1.333 2.17 2.36.508 1.027.76 2.233.76 3.62s-.252 2.593-.76 3.62c-.506 1.027-1.23 1.813-2.17 2.36-.94.547-2.042.82-3.31.82-1.266 0-2.366-.273-3.3-.82-.932-.547-1.652-1.333-2.16-2.36-.506-1.027-.76-2.233-.76-3.62s.254-2.593.76-3.62c.508-1.027 1.228-1.813 2.16-2.36.934-.547 2.034-.82 3.3-.82zm15.87 0c1.36 0 2.48.253 3.36.76.88.507 1.573 1.293 2.08 2.36l-1.96.94-.09-.234a3.001 3.001 0 00-1.19-1.406c-.6-.373-1.32-.56-2.16-.56-1.253 0-2.247.433-2.98 1.3-.733.867-1.1 2.08-1.1 3.64 0 1.587.35 2.81 1.05 3.67.7.86 1.723 1.29 3.07 1.29 1.053 0 1.907-.26 2.56-.78s.98-1.273.98-2.26v-.38H92.1v-1.76h5.94V29h-1.58l-.06-1.68-.134.195A3.856 3.856 0 0194.8 28.71c-.68.327-1.493.49-2.44.49-1.227 0-2.3-.273-3.22-.82-.92-.547-1.633-1.33-2.14-2.35-.507-1.02-.76-2.23-.76-3.63 0-1.387.26-2.59.78-3.61s1.253-1.807 2.2-2.36c.947-.553 2.047-.83 3.3-.83zm15.33 0c1.266 0 2.37.273 3.31.82.94.547 1.662 1.333 2.17 2.36.506 1.027.76 2.233.76 3.62s-.254 2.593-.76 3.62c-.508 1.027-1.23 1.813-2.17 2.36-.94.547-2.044.82-3.31.82-1.268 0-2.368-.273-3.3-.82-.934-.547-1.654-1.333-2.16-2.36-.508-1.027-.76-2.233-.76-3.62s.252-2.593.76-3.62c.506-1.027 1.226-1.813 2.16-2.36.932-.547 2.032-.82 3.3-.82zm-85.582-1.12h-3.784V29H29.55v-2.926h-7.282V14.48zm38.614 1.32v11.36h7.28V29h-9.42V15.8h2.14zm15.769 1.66c-1.24 0-2.213.433-2.92 1.3-.707.867-1.06 2.08-1.06 3.64s.353 2.773 1.06 3.64c.707.867 1.68 1.3 2.92 1.3 1.253 0 2.233-.433 2.94-1.3.707-.867 1.06-2.08 1.06-3.64s-.353-2.773-1.06-3.64c-.707-.867-1.687-1.3-2.94-1.3zm31.198 0c-1.24 0-2.213.433-2.92 1.3-.707.867-1.06 2.08-1.06 3.64s.353 2.773 1.06 3.64c.707.867 1.68 1.3 2.92 1.3 1.253 0 2.233-.433 2.94-1.3.707-.867 1.06-2.08 1.06-3.64s-.353-2.773-1.06-3.64c-.707-.867-1.687-1.3-2.94-1.3z" fill="#C7C7C7" fill-rule="evenodd" data-color="1"></path> </g> </svg>
}
}
});
export function section2_viewportLeave ( event ) {
$w ( ‘#vectorImage1’ ). src = menuItems . setItemsColor ( menuItems . color . black );
}
Can you help me ?
Thank you so much.