JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <button id="btn1" class="btn1">Botão 1 da classe 1</button>
    <button id="btn2" class="btn1">Botão 2 da classe 1</button>
    <button id="btn3" class="btn2">Botão 3 da classe 2</button>
    <button id="btn4" class="btn2">Botão 4 da classe 2</button>
    <hr />
    <br />
    <a href="javascript:change('green', 'red')">Esquema 1</a>
    <br />
    <a href="javascript:change('red', 'green')">Esquema 2</a>
</body>

JavaScript

function change(op1, op2){
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if(elems[i].className=='btn1'){
            elems[i].style.color=op1;
        }else if(elems[i].className=='btn2'){
            elems[i].style.color=op2;
        }
    }
}