主题切换器点击无响应问题求助（附完整代码）

首先请提供完整的HTML、CSS及JS代码，以便精准定位问题：

• 完整HTML代码（用代码块包裹）：

<!-- 粘贴你的HTML代码 -->

• 完整CSS代码（用代码块包裹）：

/* 粘贴你的CSS代码 */

• 完整JS代码（用代码块包裹）：

// 粘贴你的JS代码

另外，先给你列几个这类问题的常见排查方向：

• 检查JS是否在DOM加载完成后执行：如果JS代码写在<head>里且没有监听DOMContentLoaded事件，可能找不到切换按钮元素，导致点击事件绑定失败。
• 确认按钮选择器是否正确：比如用getElementById时ID拼写错误，或用querySelector时选择器语法错误。
• 检查主题切换逻辑：比如是否正确给<body>或根元素添加/移除主题类名，是否正确读取/写入本地存储（如果有持久化主题的逻辑）。
• 验证CSS主题样式：确认浅色/深色主题的类选择器（比如.light-theme、.dark-theme）是否正确定义，样式是否覆盖了默认样式。

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