Kann ich das Ändern von CSS-Variablen auch rein mit CSS realisieren?

Im Artikel wird ein Hinweis gezeigt, wie das gleiche Skript mit CSS-Only umgesetzt werden könnte, allerdings ist zur Manipulation von CSS-Variablen bei Ereignissen oder Bedingungen meistens JavaScript notwendig.

Das Beispiel aus dem Artikel, das eine ähnliche Logik direkt in JavaScript fasst, sieht so aus:

-w-jquery:var timeToChangeColor = jQuery('.buttons').css('--timeToChangeColor');var colorButtonsChanged = jQuery('.buttons').css('--colorButtonsChanged');if((new Date()).getHours() > timeToChangeColor){ jQuery('.buttons').css('--colorButtons', colorButtonsChanged)};

Diese Umsetzung ist jedoch kein reines CSS, sondern ein Inline-JavaScript.