change variable css code example
Example 1: css variable
:root {
--main-bg-color: pink;
}
body {
background-color: var(--main-bg-color);
}
Example 2: change css variable with javascript
let root = document.documentElement;
root.addEventListener("mousemove", e => {
root.style.setProperty('--mouse-x', e.clientX + "px");
root.style.setProperty('--mouse-y', e.clientY + "px");
});