JSFiddle - React, Tailwind, and code Playground

HTML

<body>Sävytetään taustaa<br>
<span>Tekstiä voidaan myös sävyttää</span>
</body>

CSS

body {
  font-family: 'calibri';
}

JavaScript

$('body').css('backgroundColor','hsl(33,100%,100%');
$('span').css('color','hsl(13,100%,100%');
var transitionSpeed=0.02;

var d = -1000;
for(var i=111; i>=-100; i=i-transitionSpeed){
    d  += 10;
    (function(ii,dd){
        setTimeout(function(){
            $('body').css('backgroundColor','hsl(12,'+ii+'%,'+ii+10+'%)'); 
            $('span').css('color','hsl(207,90%,'+ii*2+'%)'); 
        }, dd);    
    })(i,d);
}