Estoy tratando de dar 2 colores diferentes en mis aplicaciones de cuenta regresiva del temporizador.

el temporizador de entrenamiento será verde.

el temporizador de descanso estará en rojo. (y el color será rojo hasta el final)

mi pregunta es cómo hacer que el temporizador vuelva a verde después del temporizador de descanso (rojo) y vuelva a rojo después de verde (temporizador de entrenamiento)

 document.getElementById('start').addEventListener('click', startCountdown); function startCountdown() { let counter = 3, mode = "Workout", rounds = 1; const interval = setInterval(function() { counter--; if (mode == "Workout" && counter >= 0) { id = document.getElementById("count"); id.innerHTML = "ROUND " + rounds + " <br> " + counter; id.classList.add('green') <<<THE FRIST COLOR RUNNING WELL } else { id = document.getElementById("count"); id.innerHTML = "REST " + " <br> " + counter; id.classList.add('red') <<< SECOND COLOR RUNNING WELL } if (counter === 0) { if (mode == "Workout") { mode = "Rest"; } else { mode = "Workout"; rounds++; } id.innerHTML = "DONE"; counter = 3; if (rounds == 21) { clearInterval(interval); } } }, 1000);