diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index 4dc83b0..019410c 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -100,7 +100,7 @@ body {
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
-  color: #1f2329;
+  color: #fff;
   position: relative;
   padding-left: 8px;
 
diff --git a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
index 43eb40f..616ffa4 100644
--- a/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
+++ b/core/core-frontend/src/views/chart/components/editor/chart-type/ChartType.vue
@@ -127,10 +127,10 @@ const groupActiveChange = category => {
 .chart-light {
   color: #646a73 !important;
   :deep(.group-right) {
-    border-left: 1px solid @side-outline-border-color-light!important;
+    border-left: 1px solid @side-outline-border-color-light;
   }
   :deep(.item-top) {
-    background-color: #f5f6f7 !important;
+    background-color: #f5f6f7;
   }
   :deep(.ul-custom) {
     color: @chart-change-font-color-light!important;
@@ -248,4 +248,10 @@ const groupActiveChange = category => {
   color: #1f2329;
   padding: 0 6px 2px;
 }
+.group .group-left .ul-custom{
+  color: #a6a6a6 !important;
+}  
+.chart-light .item-top{
+  background-color: #1a1a1a !important;
+}  
 </style>
diff --git a/core/core-frontend/src/viewsnew/application/addpopup.vue b/core/core-frontend/src/viewsnew/application/addpopup.vue
index 0036349..d12bc6d 100644
--- a/core/core-frontend/src/viewsnew/application/addpopup.vue
+++ b/core/core-frontend/src/viewsnew/application/addpopup.vue
@@ -138,13 +138,22 @@ const handleAvatarSuccess = file => {
           </el-form-item>
         </el-form>
         <template #footer>
-          <el-button secondary @click="paramsResetForm">{{ t('dataset.cancel') }} </el-button>
-          <el-button type="primary" @click="saveParamsObj">{{ t('dataset.confirm') }} </el-button>
+          <el-button class="tsbtn" secondary @click="paramsResetForm">{{ t('dataset.cancel') }} </el-button>
+          <el-button class="tsbtn" type="primary" @click="saveParamsObj">{{ t('dataset.confirm') }} </el-button>
         </template>
       </el-dialog>
 </template>
 
 <style lang="less" scoped>
+.ed-button.is-secondary{
+  color: #F2F4F5;
+  background-color: #212121;
+  border: 1px solid #363636;
+}
+.ed-button--primary{
+  background-color: #0089ff;
+  border: 1px solid #0089ff;
+}
 :deep(.ed-input__wrapper){
     background-color: rgba(37, 38, 38, 1);
     box-sizing: border-box;
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/form/DsTypeList.vue b/core/core-frontend/src/viewsnew/application/service/datasource/form/DsTypeList.vue
index 4e067df..c631c6d 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/form/DsTypeList.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/form/DsTypeList.vue
@@ -162,8 +162,8 @@ const selectDs = ({ type }) => {
     width: 266px;
     display: flex;
     align-items: center;
-    background: #ffffff;
-    border: 1px solid #dee0e3;
+    background: transparent;
+    border: 1px solid #4b4b4b;
     border-radius: 4px;
     margin-bottom: 16px;
     margin-left: 16px;
@@ -179,7 +179,9 @@ const selectDs = ({ type }) => {
       box-shadow: 0px 6px 24px rgba(31, 35, 41, 0.08);
     }
   }
-
+  .db-name{
+    color: #fff;
+  }
   .marLeft {
     margin-left: 0;
   }
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/form/EditorDetail.vue b/core/core-frontend/src/viewsnew/application/service/datasource/form/EditorDetail.vue
index 4959a8c..7addc10 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/form/EditorDetail.vue
@@ -1712,7 +1712,7 @@ defineExpose({
       .update-text {
         padding-left: 16px;
         position: relative;
-        color: #1f2329;
+        color: #ffffff;
         font-weight: 400;
         font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/form/index.vue b/core/core-frontend/src/viewsnew/application/service/datasource/form/index.vue
index a280cc6..864c15e 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/form/index.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/form/index.vue
@@ -1114,7 +1114,7 @@ defineExpose({
       .ds-type-title {
         width: 100%;
         padding: 16px 24px;
-        color: #1f2329;
+        color: #fff;
         font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-style: normal;
@@ -1142,6 +1142,15 @@ defineExpose({
       padding-right: 24px;
       float: left;
       border-top: 1px solid #4f5052;
+      .ed-button.is-secondary{
+        color: #F2F4F5;
+        background-color: #212121;
+        border: 1px solid #363636;
+      }
+      .ed-button--primary{
+        background-color: #0089ff;
+        border: 1px solid #0089ff;
+      }
     }
   }
 }
@@ -1160,4 +1169,81 @@ defineExpose({
 .ed-radio__input.is-checked+.ed-radio__label{
   color: #fff;
 }
+.list-item_primary.active {
+  background: rgb(23, 64, 99);
+}
+.ed-tree-node.is-current.is-menu>:nth-child(1) {
+  background: rgb(23, 64, 99);
+  color: #fff;
+}
+.ed-textarea__inner{
+  box-shadow: 0 0 0 1px #636363;
+}
+.ed-input__wrapper {
+    background-color: rgba(37, 38, 38, 1);
+    box-sizing: border-box;
+    border: none !important;
+    border-radius: 4px;
+    box-shadow: 0 0 0 1px #636363;
+}
+.ed-textarea .ed-input__count {
+  color: #636363;
+  background: transparent;
+}
+.ed-input-number--light:not(.is-disabled).is-controls-right .ed-input-number__decrease:not(.is-disabled), .ed-input-number--light:not(.is-disabled).is-controls-right .ed-input-number__increase:not(.is-disabled){
+  border-color: #5f5f5f;
+  background-color: #434343 !important;
+}
+.editor-detail .is-controls-right > span{
+  background-color: #434343 !important; 
+}
+.ed-input-number.is-controls-right .ed-input-number__decrease{
+  border-left: 1px solid #5f5f5f;
+}
+.ed-input-number--light .ed-input-number__decrease.is-disabled .ed-icon, .ed-input-number--light .ed-input-number__increase.is-disabled .ed-icon{
+  color: #fff !important;
+}
+.ed-input-number--light .ed-input-number__decrease .ed-icon{
+  color: #fff;
+}
+.ed-input-number--light .ed-input-number__increase .ed-icon{
+  color: #fff;
+}
+.ed-radio__inner{
+  background: transparent;
+  border-color: #636363;
+}
+.ed-radio__input.is-checked .ed-radio__inner {
+  border-color: #0089ff;
+  background: #0089ff;
+}
+.ed-radio__inner::after{
+  background: rgb(33,33,33);
+}
+.de-expand{
+  color: #0089ff !important;
+}
+.ed-checkbox__inner{
+  background: transparent;
+  border-color: #636363;
+}
+.ed-checkbox__input.is-checked .ed-checkbox__inner {
+  background-color: #0089ff;
+  border-color: #0089ff;
+}
+.ed-message-box{
+  background: #212121;
+}
+.ed-message-box__content{
+  color: #ffffff;
+}
+.ed-message-box__btns .ed-button--primary{
+  background: #0089ff;
+  border-color: #0089ff;
+}
+.ed-message-box__btns .ed-button.is-secondary{
+  color: #F2F4F5 !important;
+  background-color: #212121 !important;
+  border: 1px solid #434343 !important;
+}
 </style>
\ No newline at end of file
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/index.vue b/core/core-frontend/src/viewsnew/application/service/datasource/index.vue
index 69a0abb..9439fbf 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/index.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/index.vue
@@ -1931,7 +1931,7 @@ const getMenuList = (val: boolean) => {
     height: 100%;
     width: 279px;
     padding: 0;
-    border-right: 1px solid #d7d7d7;
+    border-right: 1px solid #4f5052;
     overflow: visible;
     &.retract {
       display: none;