diff --git a/src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js b/src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js
index 23768a8..0f04026 100644
--- a/src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js
+++ b/src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js
@@ -30,7 +30,7 @@
         document.body.style["-ms-transform"] = "scale(" + bounds.scale+ ")";
         document.body.style["-ms-transform-origin"] = "top left";
         html.style.overflowY = "auto";
-        html.style.backgroundColor = "#ffffff";
+        html.style.backgroundColor = document.getElementsByClassName('bi-theme-dark').length === 0 ? "#2c3d59" : "#ffffff";
 
         if (bounds.height * bounds.scale < html.clientHeight) {
             transformY = (html.clientHeight - bounds.height * bounds.scale) / 2;
diff --git a/src/main/resources/com/finebi/plugin/web/scripts/entry.js b/src/main/resources/com/finebi/plugin/web/scripts/entry.js
index 23768a8..0f04026 100644
--- a/src/main/resources/com/finebi/plugin/web/scripts/entry.js
+++ b/src/main/resources/com/finebi/plugin/web/scripts/entry.js
@@ -30,7 +30,7 @@
         document.body.style["-ms-transform"] = "scale(" + bounds.scale+ ")";
         document.body.style["-ms-transform-origin"] = "top left";
         html.style.overflowY = "auto";
-        html.style.backgroundColor = "#ffffff";
+        html.style.backgroundColor = document.getElementsByClassName('bi-theme-dark').length === 0 ? "#2c3d59" : "#ffffff";
 
         if (bounds.height * bounds.scale < html.clientHeight) {
             transformY = (html.clientHeight - bounds.height * bounds.scale) / 2;