A minha solução foi criar dois botões pro usuário trocar a cor do robo, confesso que quebrei um pouco a cabeça pra resolver do jeito que pensei porque eu achava que um único addEventListener serviria para dois botões que tivessem o mesmo data attribute, mas só um funcionava rsrsrs, depois que fui descobrir como resolver e segue aqui o código pra quem tiver a mesma dúvida talvez.
var botaoCor = document.querySelectorAll("[data-botaoSetaCor]");
var imagemRobo = document.querySelector("[data-imagemRobo]");
var cores = ['robotron.png','robotronAmarelo.png', 'robotronBranco.png', 'robotronRosa.png', 'robotronPreto.png', 'robotronVermelho.png'];
var index = 0;
function mudarCor(evento){
index++;
imagemRobo.src = `./img/${cores[index%cores.length]}`;
};
for(var i=0;i<botaoCor.length;i++) {
var botao = botaoCor[i];
botao.addEventListener("click", mudarCor);
}