diff --git a/src/App.vue b/src/App.vue
index 1f4ac90..ba6b9a8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -189,8 +189,20 @@ html.dark {
       }
     }
   }
+  .jv-container.jv-light,.jv-my-json-view .jv-code{
+    background: #313C5D;
+  }
   .jv-container.jv-light{
-    background: #242B43;
+    color:#bbb;
+    .jv-key{
+      color: #bbb;
+    }
+    .jv-item.jv-object{
+      color:#bbb;
+    }
+    .jv-item.jv-array{
+      color:#bbb;
+    }
   }
   .add-report .row-norm .el-form-item__content{
     background: #242B43;
@@ -198,5 +210,11 @@ html.dark {
   .add-report .div-nav-header{
     color:#fff;
   }
+  .el-radio__inner{
+    border-color:#bbb;
+  }
+  .log-item{
+    color:#bbb !important;
+  }
 }
 </style>
diff --git a/src/views/connection/edit.vue b/src/views/connection/edit.vue
index e1b535b..9e3e06e 100644
--- a/src/views/connection/edit.vue
+++ b/src/views/connection/edit.vue
@@ -539,4 +539,20 @@ onMounted(() => {
     }
   }
 }
+</style>
+<style lang="scss">
+html.dark{
+  .connection-edit{
+    .flow-info{
+      background: #222B45 !important;
+      .div-title{
+        color: #8A8C8F;
+      }
+      .sp-paramter{
+        background: #313C5D !important;
+        color: #bbb;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/connection/paramShow.vue b/src/views/connection/paramShow.vue
index 0620036..0b29e71 100644
--- a/src/views/connection/paramShow.vue
+++ b/src/views/connection/paramShow.vue
@@ -1,7 +1,7 @@
 <template>
-    <div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;">
-        <span style="color:#00E5FF;font-weight: bold;">{{ it.name }}</span> :
-        <span style="color: #283593;">{{ it.value }}</span>
+    <div v-for="(it, idx) in objToArr(paramInfo)" :key="idx" style="word-break: break-all;" class="sp-item">
+        <span class="sp-item-lbl" style="font-weight: bold;">{{ it.name }}</span> :
+        <span class="sp-item-txt" style="">{{ it.value }}</span>
     </div>
 </template>
 
@@ -31,4 +31,24 @@ const objToArr = obj => {
     return arr;
 }
 </script>
-<style lang='scss'></style>
\ No newline at end of file
+<style lang='scss'>
+.sp-item{
+ .sp-item-lbl{
+    color:#00E5FF;
+ }
+ .sp-item-txt{
+    color: #283593;
+ }
+}
+html.dark{
+    .sp-item{
+        
+ .sp-item-lbl{
+    color:#bbb;
+ }
+ .sp-item-txt{
+    color: #bbb;
+ }
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/simulationEvaluation/compile.vue b/src/views/simulationEvaluation/compile.vue
index 8d57be9..5b2887b 100644
--- a/src/views/simulationEvaluation/compile.vue
+++ b/src/views/simulationEvaluation/compile.vue
@@ -173,6 +173,7 @@ const logList = reactive([{
     .log-item{
         font-size: 12px;
         color:#666;
+        border-bottom-style: none !important;
     }
 }
 </style>
\ No newline at end of file