JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="fundo-claro">fundo claro</a>
<a href="#" class="fundo-escuro">fundo escuro</a>

<div class="item-page" style="padding:20px; background:#222; color:#ccc;">
    <p>Other text..</p>
</div>

JavaScript

$(document).ready(function(){
    
    /* ao clicar na div com id="box" executa a função */
    $(".fundo-claro").click(function(){
        
        /* a função muda o background da div com id="box" */    
        $(".item-page").css("background","rgba(255,255,255,0.9)","color","#333");
        
    });
    
      /* ao clicar na div com id="box" executa a função */
    $(".fundo-escuro").click(function(){
        
        /* a função muda o background da div com id="box" */    
        $(".item-page").css("background","rgba(34,34,34,0.5)","color","#ccc");
        
    });
    
});