Accepted answer

You can assign css variable to $backgroundColor as

:root {
  --background-color: white;
$backgroundColor: var(--background-color);

and update variable in js as

 const day = true;
 const root = document.documentElement;'--background-color', day ? 'white' : 'black');


You can't update scss variables since they are not exist in runtime (when JS is runs).

You can make 2 classes, one with each style, and apply one of the classes at runtime.

Related Query

More Query from same tag