求助：点击按钮切换暗黑主题后无法切回浅色主题的问题

你的问题在于当前代码每次点击按钮都会直接设置暗黑样式，没有判断当前主题状态，所以无法切回亮色。下面是两种可行的解决方法：

方法一：用CSS类管理主题（推荐） #

这种方式更易维护，所有样式集中在CSS里，JS只负责切换类：

首先在CSS中定义暗黑主题的样式：

.dark-theme {
  background-color: rgb(17, 17, 17);
  color: white;
}

.dark-theme #txtt {
  color: white;
}

然后修改JS代码，用classList.toggle()方法切换类：

const myBtn = document.getElementById("darktheme");
const body = document.body;

myBtn.addEventListener("click", function(){
  body.classList.toggle("dark-theme");
})

这样每次点击按钮，body会自动添加/移除dark-theme类，实现主题循环切换。

方法二：用变量记录当前主题状态 #

如果不想用CSS类，可以通过变量判断当前状态来切换样式：

const myBtn = document.getElementById("darktheme");
const body = document.body;
const welcome = document.getElementById("txtt");
let isDark = false; // 初始为亮色主题

myBtn.addEventListener("click", function(){
  if(isDark) {
    // 切回亮色主题
    body.style.backgroundColor = ""; // 恢复默认样式
    body.style.color = "";
    welcome.style.color = "";
    isDark = false;
  } else {
    // 切换到暗黑主题
    body.style.backgroundColor = "rgb(17, 17, 17)";
    body.style.color = "white";
    welcome.style.color = "white";
    isDark = true;
  }
})

这种方式通过isDark变量记录当前主题状态，点击时根据状态切换对应的样式。

内容的提问来源于stack exchange，提问作者Ayman