diff --git a/nezha-fronted/src/assets/stylus/index.scss b/nezha-fronted/src/assets/stylus/index.scss
index 934d16ed0..03228651f 100644
--- a/nezha-fronted/src/assets/stylus/index.scss
+++ b/nezha-fronted/src/assets/stylus/index.scss
@@ -43,7 +43,7 @@ $dropdown-hover-background-color: #fafafa; //下拉鼠标悬停背景色
 
 $danger-color: #DE5D3F; //全局警告色红色
 $success-color: #23BF9A; //全局正常色绿色
-$suspended-color: #71706D; //全局停用色灰色
+$suspended-color: #9e9c98; //全局停用色灰色
 
 $left-menu-bgcolor:#FFF;
 
diff --git a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
index 5082fa6e3..87a4b2578 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
@@ -418,7 +418,7 @@
       series: null,
     };
     const tooltipPieOption = {
-      color: ["#60C6B4", "#EEA694", "#71706D"],
+      color: ["#60C6B4", "#EEA694", "#9e9c9b"],
       title: {
         show: true,
         textStyle: {
@@ -459,7 +459,7 @@
       ]
     };
     const topoPieOption = {
-      color: ["#60C6B4", "#EEA694", "#71706D"],
+      color: ["#60C6B4", "#EEA694", "#9e9c9b"],
       title: {
         show: false,
       },
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
index e7f1499a6..f5777290f 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
@@ -505,8 +505,7 @@
           }
 
           .gray-sign {
-            background-color: #010101;
-            opacity: 0.35;
+            background-color: $suspended-color;
           }
           span {
             position: absolute;