在颤动中通过主题设置按钮的颜色

<button id="themeButton">设置主题</button>

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

button {
  background-color: #fff; /* 默认按钮颜色 */
  animation: shake 1s infinite; /* 添加颤动动画效果 */
}

document.getElementById("themeButton").addEventListener("click", function() {
  var button = document.getElementById("themeButton");
  var currentColor = button.style.backgroundColor;
  
  // 根据当前颜色判断设置新的颜色
  if (currentColor === "red") {
    button.style.backgroundColor = "blue";
  } else {
    button.style.backgroundColor = "red";
  }
});