JSFiddle - React, Tailwind, and code Playground

HTML

<div class=wrapper>
    <div class=active>
        <a>Teste</a>
    </div>
    <div class=well>Teste</div>
    <div class=navbar-toggle>Teste</div>
</div>
<input type=button id=escuro  value="Tema Escuro" onclick="alteraTema('#000','#ccc')">
<input type=button id=default value="Tema Padrão" onclick="alteraTema('#f3f3f3','#ddd')">

CSS

.wrapper{
    background-color:#ccc;
}
nav a:hover{
    color:#ccc; 
}
nav a{
    color:#ccc; 
}
.active>a, .well, .active:after, .navbar-toggle{
    color:rgb(94, 135, 176); 
}
.well{
    background-color:#ccc; 
    border-color:#ccc;
}

JavaScript

function alteraTema(fundo,texto){
    $('.wrapper').css('background-color',fundo);
    $('nav a:hover').css('color',texto);
    $('nav a').css('color',texto);
    $('.active a, .well, .active:after, .navbar-toggle').css('color', texto);
    $('.well').css({
        'background-color':fundo
        ,'border-color':fundo
    });
}