diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
index ad0a1ab..89ff533 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
@@ -1143,7 +1143,7 @@ init()
       />
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button>
+          <el-button  @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button>
           <el-button type="primary" @click="changeLineThreshold">{{
             t('chart.confirm')
           }}</el-button>
@@ -1347,4 +1347,12 @@ span {
   width: 100% !important;
   height: 100% !important;
 }
+.dialog-footer .ed-button{
+    color: #F2F4F5;
+    background-color: #212121;
+    border: 1px solid #434343;
+  }
+.dialog-footer.ed-button--primary{
+    background-color:#0089FF;
+  }
 </style>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
index 6a82765..94cb7e7 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
@@ -300,7 +300,7 @@ init()
             :style="{ float: 'right' }"
             @click="removeThreshold(fieldIndex)"
           >
-            <el-icon size="20px" style="color: #646a73">
+            <el-icon size="20px" style="color: #fff">
               <Icon name="icon_delete-trash_outlined"
                 ><icon_deleteTrash_outlined class="svg-icon"
               /></Icon>
@@ -308,7 +308,7 @@ init()
           </el-button>
         </el-row>
 
-        <el-row :style="{ marginTop: '16px', borderTop: '1px solid #d5d6d8' }">
+        <el-row :style="{ marginTop: '16px', borderTop: '1px solid #5f5f5f' }">
           <el-row
             v-for="(item, index) in fieldItem.conditions"
             :key="index"
@@ -440,7 +440,7 @@ init()
                   text
                   @click="removeCondition(fieldItem, index)"
                 >
-                  <el-icon size="20px" style="color: #646a73">
+                  <el-icon size="20px" style="color: #fff">
                     <Icon name="icon_delete-trash_outlined"
                       ><icon_deleteTrash_outlined class="svg-icon"
                     /></Icon>
@@ -487,7 +487,7 @@ init()
   border-radius: 4px;
   padding: 10px 16px;
   margin-top: 10px;
-  background: #f5f6f7;
+  background:#333333;
 }
 
 .line-item {
@@ -555,7 +555,7 @@ span {
 
 .tip {
   font-size: 12px;
-  background: #d6e2ff;
+  background: #333333;
   border-radius: 4px;
   padding: 10px 20px;
   display: flex;
@@ -590,4 +590,29 @@ span {
   justify-content: flex-start;
   padding: 0 11px;
 }
+:deep(.ed-input__wrapper){
+  background-color: #252424 ;
+  box-shadow: 0 0 0 1px #5f5f5f inset;
+}
+:deep(.ed-input__inner){
+  color: #fff;
+}
+:deep(.ed-select-dropdown__item){
+  color: #ffffff !important;
+}
+:deep(.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover){
+  background: rgb(61,61,61) !important;
+}
+.ed-select-dropdown__item{   
+  color: #ffffff;
+}
+.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover{
+  background: rgb(61,61,61);
+}
+.ed-select-dropdown__item.selected{
+  color: #0089ff;
+}
+:deep(.ed-color-picker__trigger){
+  border: 1px solid #5f5f5f ;
+}
 </style>