diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index 83f2990..f15ac4d 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -644,7 +644,7 @@ defineExpose({
 
 .preview {
   margin-top: 5px;
-  border: 1px solid #e6e6e6;
+  border: 1px solid rgb(61,61,61);
   border-radius: 4px;
   height: 470px !important;
   overflow: hidden;
@@ -652,7 +652,7 @@ defineExpose({
 }
 
 .preview-show {
-  border-left: 1px solid #e6e6e6;
+  border-left: 1px solid #5f5f5f;
   height: 470px;
   background-size: 100% 100% !important;
 }
@@ -742,7 +742,7 @@ defineExpose({
     margin-right: 16px;
     font-weight: 400;
     font-size: 12px;
-    color: #646a73;
+    color: #969696;
     .ed-switch {
       margin-left: 8px;
     }
@@ -847,7 +847,7 @@ span {
 .top-area-text {
   font-weight: 400;
   font-size: 14px;
-  color: #646a73;
+  color: #fff;
   margin-left: 24px;
 }
 
@@ -977,7 +977,7 @@ span {
     font-size: 14px;
     font-weight: 400;
     text-align: left;
-    color: #646a73;
+    color: #fff;
   }
 }
 
@@ -988,5 +988,30 @@ span {
 .toggle-icon {
   cursor: pointer;
   margin-right: 8px;
+  color: #FFF;
+}
+:deep(.ed-checkbox__inner){
+  border:1px solid #5f5f5f;
+  background-color:transparent;
+}
+:deep(.ed-tree){
+  background: transparent;
+  color: #fff;
+}
+:deep(.ed-tree--highlight-current .ed-tree-node.is-current>.ed-tree-node__content){
+  background-color:rgb(61,61,61);
+}
+:deep(.ed-input__wrapper){
+  background-color: #252424 ;
+  box-shadow: 0 0 0 1px #5f5f5f inset;
+}
+.root-class .ed-button{
+    color: #F2F4F5;
+    background-color: #212121;
+    border: 1px solid #434343;
+  }
+.root-class .ed-button--primary{
+  background-color:#0089FF;
+  border: 1px solid #0089FF;
 }
 </style>
diff --git a/core/core-frontend/src/components/visualization/LinkageSetOption.vue b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
index b147d3e..565a865 100644
--- a/core/core-frontend/src/components/visualization/LinkageSetOption.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
@@ -44,7 +44,7 @@ const { title, themes, actionSelection } = toRefs(props)
         <el-icon style="margin: 5px 0 0 5px"><Setting /></el-icon
       ></span>
     </template>
-    <el-row>
+    <el-row style="color: #fff;">
       {{ t('visualization.select_linkage_tips') }}
     </el-row>
     <el-row>
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 89ff533..9000659 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
@@ -1352,7 +1352,8 @@ span {
     background-color: #212121;
     border: 1px solid #434343;
   }
-.dialog-footer.ed-button--primary{
-    background-color:#0089FF;
-  }
+.dialog-footer .ed-button--primary{
+  background-color:#0089FF;
+  border: 1px solid #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 94cb7e7..92379fd 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
@@ -452,7 +452,7 @@ init()
         </el-row>
 
         <el-button
-          style="margin-top: 10px"
+          style="margin-top: 10px;"
           class="circle-button"
           type="primary"
           text