diff --git a/static/web_panel/home.html b/static/web_panel/home.html
index 2828200..50f6375 100644
--- a/static/web_panel/home.html
+++ b/static/web_panel/home.html
@@ -58,18 +58,3 @@
     <script src="./static/js/app.js"></script>
 </body>
 </html>
-
-<script>
-function toggleTheme(){
-  var t=document.documentElement.getAttribute("data-theme")==="light"?"dark":"light";
-  document.documentElement.setAttribute("data-theme",t);
-  localStorage.setItem("sensu-theme",t);
-  document.querySelector(".theme-toggle").textContent=t==="light"?"☀️":"🌙";
-}
-(function(){
-  var s=localStorage.getItem("sensu-theme")||"dark";
-  document.documentElement.setAttribute("data-theme",s);
-  var btn=document.querySelector(".theme-toggle");
-  if(btn) btn.textContent=s==="light"?"☀️":"🌙";
-})();
-</script>
diff --git a/static/web_panel/js/app.js b/static/web_panel/js/app.js
index f388c27..e26fa2c 100644
--- a/static/web_panel/js/app.js
+++ b/static/web_panel/js/app.js
@@ -1,5 +1,22 @@
+// 主题初始化 (必须在渲染前执行, 防止闪白)
+(function(){
+  var s = localStorage.getItem("sensu-theme") || "dark";
+  document.documentElement.setAttribute("data-theme", s);
+})();
+
+window.toggleTheme = function(){
+  var t = document.documentElement.getAttribute("data-theme") === "light" ? "dark" : "light";
+  document.documentElement.setAttribute("data-theme", t);
+  localStorage.setItem("sensu-theme", t);
+  var btn = document.querySelector(".theme-toggle");
+  if(btn) btn.textContent = t === "light" ? "☀️" : "🌙";
+};
+
 // 初始化检查
 window.onload = async () => {
+  // 设置按钮初始图标
+  var btn = document.querySelector(".theme-toggle");
+  if(btn) btn.textContent = document.documentElement.getAttribute("data-theme") === "light" ? "☀️" : "🌙";
     try {
         const res = await fetch('./api/auth/status', { credentials: 'include' });
         if(res.status === 401) { window.location.href = './index.html'; return; }