diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index f92b04637..6f16332ae 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -20,7 +20,18 @@
     box-sizing: border-box;
     background-color: $--background-color-base;
     &>div {
+      background-color: $--chart-box-background-color;
+      &>.table-list-box {
+        background-color: $--chart-box-background-color;
+      }
+      .vue-grid-item {
+        background-color: $--chart-background-color-base
+      }
+    }
+    .panel-top-tools {
       background-color: $--background-color-empty;
+      padding-bottom: 5px;
+      margin-bottom: 10px;
     }
     .nz-table-list>div{
       height: 100%;
diff --git a/nezha-fronted/src/assets/css/components/common/panel/panelVariables.scss b/nezha-fronted/src/assets/css/components/common/panel/panelVariables.scss
index 3b04f81ca..93e39e4f2 100644
--- a/nezha-fronted/src/assets/css/components/common/panel/panelVariables.scss
+++ b/nezha-fronted/src/assets/css/components/common/panel/panelVariables.scss
@@ -2,7 +2,7 @@
   display: flex;
   position: relative;
   z-index: 1;
-  background: $--background-color-empty;
+  background: $--chart-box-background-color;
   padding-left: 10px;
   margin-top: -5px;
   flex-wrap: wrap;
diff --git a/nezha-fronted/src/assets/css/themes/theme-dark.scss b/nezha-fronted/src/assets/css/themes/theme-dark.scss
index 42baa5488..2ddcc4666 100644
--- a/nezha-fronted/src/assets/css/themes/theme-dark.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-dark.scss
@@ -6,6 +6,9 @@ $--color-primary: #FA901C;
 /* 2.背景色 */
 // 空白背景色
 $--background-color-empty: #222329;
+
+$--chart-box-background-color: #111217;
+$--chart-background-color-base: #18171D;
 // 基础背景色(覆盖element-ui内置变量)
 $--background-color-base: #18171D;
 // 背景色1
diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss
index f8b401aca..f2ac48340 100644
--- a/nezha-fronted/src/assets/css/themes/theme-light.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-light.scss
@@ -6,6 +6,9 @@ $--color-primary: #FA901C;
 /* 2.背景色 */
 // 空白背景色
 $--background-color-empty: #fffffe;
+
+$--chart-box-background-color: #f4f5f5;
+$--chart-background-color-base: #ffffff;
 // 基础背景色(覆盖element-ui内置变量)
 $--background-color-base: #F6F6F6;
 // 背景色1