CodePen Embed - js change css var

<div class="box"></div>
<div>
  <button id="change">change</button>
</div>

:root{
  --color: red;
}
.box{
  width: 100px;
  height: 100px;
  background: var(--color);
}

$("#change").click(function(){
  $(".box").css("--color", "blue")
})

This Pen is owned by deathhell on CodePen.

This Pen doesn't use any external CSS resources.