From 0d24bdf473be06990cc758d892c7bddc6b726cdd Mon Sep 17 00:00:00 2001
From: jingna <1264204245@qq.com>
Date: Mon, 19 May 2025 14:14:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/svg/dv-batch_white.svg         |  3 ++
 .../src/assets/svg/dv-dashboard_white.svg     |  4 ++
 .../src/components/dashboard/DbToolbar.vue    |  4 +-
 .../visualization/ComponentButton.vue         |  3 +-
 .../components/visualization/DvSidebar.vue    | 46 ++++++++++++++++---
 .../visualization/OuterParamsSet.vue          |  2 +-
 .../custom-component/v-query/QueryCascade.vue |  3 +-
 .../editor/dataset-select/DatasetSelect.vue   |  1 +
 .../editor-style/components/TitleSelector.vue |  9 ++--
 .../filter/auth-tree-chart/FilterFiled.vue    |  4 +-
 .../editor/filter/auth-tree/FilterFiled.vue   |  5 +-
 .../views/chart/components/editor/index.vue   | 12 +++--
 .../src/views/common/DeResourceTree.vue       |  3 +-
 .../src/views/common/MultiplexingCanvas.vue   |  3 +-
 .../src/views/share/share/ShareHandler.vue    |  2 +-
 .../src/views/share/share/ShareVisualHead.vue |  2 +-
 .../data/dataset/auth-tree/FilterFiled.vue    |  4 +-
 .../visualized/data/dataset/form/index.vue    |  2 +-
 .../src/viewsnew/application/addpopup.vue     | 33 +++++++++++--
 .../application/module/Leftmenu/index.vue     | 15 +++---
 .../service/dataset/auth-tree/FilterFiled.vue |  4 +-
 .../service/dataset/form/AddSql.vue           |  2 +-
 .../service/dataset/form/FieldMore.vue        |  3 ++
 .../service/dataset/form/index.vue            |  8 +++-
 .../application/service/dataset/index.vue     |  4 +-
 .../service/datasource/FinishPage.vue         |  2 +-
 .../datasource/form/ApiHttpRequestDraw.vue    |  3 +-
 .../service/datasource/form/ApiKeyValue.vue   |  2 +-
 .../service/datasource/form/EditorDetail.vue  |  5 +-
 .../service/datasource/form/index.vue         |  9 +++-
 .../application/service/datasource/index.vue  | 25 ++++++----
 31 files changed, 167 insertions(+), 60 deletions(-)
 create mode 100644 core/core-frontend/src/assets/svg/dv-batch_white.svg
 create mode 100644 core/core-frontend/src/assets/svg/dv-dashboard_white.svg

diff --git a/core/core-frontend/src/assets/svg/dv-batch_white.svg b/core/core-frontend/src/assets/svg/dv-batch_white.svg
new file mode 100644
index 0000000..bac2bf8
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-batch_white.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6667 2.08398H17.0834C17.5436 2.08398 17.9167 2.45708 17.9167 2.91732V8.33398C17.9167 8.79422 17.5436 9.16732 17.0834 9.16732H11.6667C11.2065 9.16732 10.8334 8.79422 10.8334 8.33398V2.91732C10.8334 2.45708 11.2065 2.08398 11.6667 2.08398ZM12.5001 7.50065H16.2501V3.75065H12.5001V7.50065ZM2.91674 10.834H8.33341C8.79364 10.834 9.16674 11.2071 9.16674 11.6673V17.084C9.16674 17.5442 8.79364 17.9173 8.33341 17.9173H2.91674C2.4565 17.9173 2.08341 17.5442 2.08341 17.084V11.6673C2.08341 11.2071 2.4565 10.834 2.91674 10.834ZM3.75007 16.2507H7.50007V12.5007H3.75007V16.2507ZM17.0834 10.834H11.6667C11.2065 10.834 10.8334 11.2071 10.8334 11.6673V17.084C10.8334 17.5442 11.2065 17.9173 11.6667 17.9173H17.0834C17.5436 17.9173 17.9167 17.5442 17.9167 17.084V11.6673C17.9167 11.2071 17.5436 10.834 17.0834 10.834ZM12.5001 16.2507V12.5007H16.2501V16.2507H12.5001ZM2.09567 5.8636C1.93295 5.70088 1.93295 5.43706 2.09567 5.27434L2.68493 4.68508C2.84765 4.52237 3.11146 4.52237 3.27418 4.68508L4.74732 6.15822L7.98823 2.91732C8.15095 2.7546 8.41477 2.7546 8.57748 2.91732L9.16674 3.50657C9.32946 3.66929 9.32946 3.93311 9.16674 4.09583L5.10088 8.16169C4.90561 8.35696 4.58903 8.35696 4.39377 8.16169L2.09567 5.8636Z" fill="white" fill-opacity="1"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/dv-dashboard_white.svg b/core/core-frontend/src/assets/svg/dv-dashboard_white.svg
new file mode 100644
index 0000000..03b8d2b
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-dashboard_white.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.17657 10.4785L9.174 10.4816L8.62618 11.1344C8.32264 11.4962 8.30723 11.9378 8.30784 12.1448C8.3082 12.2683 8.31704 12.3875 8.32329 12.4716C8.33061 12.5701 8.33378 12.6159 8.33378 12.6484C8.33383 13.4649 9.10394 14.0621 9.89478 13.859L10.5216 13.698C10.8369 13.617 11.0443 13.4284 11.1599 13.3046C11.219 13.2415 11.2683 13.1794 11.3013 13.1374L11.332 13.0981C11.3503 13.0746 11.3606 13.0614 11.373 13.0467L17.7441 5.45382C17.8648 5.59853 17.9804 5.74754 18.0907 5.90069C18.3024 6.161 18.4971 6.43158 18.6744 6.71176C19.1869 7.51954 19.5332 8.38333 19.7047 9.27787L19.7608 9.61472L19.8024 9.97542L19.8068 10.1754L19.8019 10.3577C19.7208 11.863 18.6414 13.0679 17.2958 13.1619L17.1262 13.1678H15.6529C15.1454 13.1703 14.6687 13.4406 14.3711 13.8943C14.1398 14.2487 14.0366 14.6805 14.0742 15.1056L14.0989 15.2872L14.1737 15.5781C14.3443 16.1879 14.2649 16.8533 13.9574 17.3931C13.7122 17.8236 13.3411 18.1404 12.9127 18.2951L12.7495 18.3454L12.1476 18.4686C11.7129 18.5493 11.2768 18.6057 10.8397 18.638L10.4022 18.6622L9.94788 18.6703C8.6298 18.6703 7.34847 18.4612 6.14512 18.0493C4.97677 17.6491 3.92507 17.0752 3.01631 16.3426C2.1002 15.6023 1.3785 14.7373 0.872027 13.7729C0.340156 12.7578 0.0703125 11.679 0.0703125 10.5664C0.0703125 9.45171 0.338847 8.36362 0.869922 7.32918C1.37691 6.34067 2.09677 5.45017 3.01015 4.68246C3.91985 3.91859 4.97114 3.31868 6.13895 2.89698C7.08916 2.558 8.0712 2.3483 9.06314 2.27184L9.4888 2.24724L9.93729 2.2384L9.95757 2.23438C10.7604 2.23506 11.5548 2.32059 12.3246 2.48573C13.3328 2.63875 14.2782 2.94404 15.1326 3.3804L9.17657 10.4785ZM9.99722 5.18537C10.6309 5.18537 11.1422 5.69878 11.1422 6.33034C11.1422 6.9619 10.6288 7.47531 9.99722 7.47531C9.36352 7.47531 8.85225 6.9619 8.85225 6.33034C8.85225 5.69878 9.36566 5.18537 9.99722 5.18537ZM5.62548 6.74669C6.25704 6.74669 6.77045 7.2601 6.77045 7.89166C6.77045 8.52322 6.25704 9.03663 5.62548 9.03663C4.99177 9.03663 4.48051 8.52322 4.48051 7.89166C4.48051 7.2601 4.99392 6.74669 5.62548 6.74669ZM5.72959 12.0552C5.72745 11.4236 5.21618 10.9102 4.58463 10.9102C3.95307 10.9102 3.43966 11.4236 3.43966 12.0552C3.43966 12.6867 3.95092 13.2001 4.58463 13.2001C5.21618 13.2001 5.72959 12.6867 5.72959 12.0552Z" fill="#ffffff" fill-opacity="1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7341 12.5111C10.6156 12.6523 10.5034 12.8422 10.3137 12.8909L9.68691 13.0519C9.4233 13.1196 9.1666 12.9206 9.16658 12.6484C9.16656 12.3663 9.06493 11.9074 9.26402 11.6701L9.80935 11.0202L9.81191 11.0172L18.2318 0.982833C18.3797 0.806552 18.6425 0.783558 18.8188 0.931475L19.4571 1.46713C19.6334 1.61505 19.6564 1.87786 19.5085 2.05415L10.7341 12.5111Z" fill="#ffffff" fill-opacity="1"/>
+</svg>
diff --git a/core/core-frontend/src/components/dashboard/DbToolbar.vue b/core/core-frontend/src/components/dashboard/DbToolbar.vue
index ba92dbd..e7d28ff 100644
--- a/core/core-frontend/src/components/dashboard/DbToolbar.vue
+++ b/core/core-frontend/src/components/dashboard/DbToolbar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import dvBatch from '@/assets/svg/dv-batch.svg'
-import dvDashboard from '@/assets/svg/dv-dashboard.svg'
+import dvBatch from '@/assets/svg/dv-batch_white.svg'
+import dvDashboard from '@/assets/svg/dv-dashboard_white.svg'
 import dvHidden from '@/assets/svg/dv-hidden.svg'
 import dvFilter from '@/assets/svg/dv-filter.svg'
 import dvMedia from '@/assets/svg/dv-media.svg'
diff --git a/core/core-frontend/src/components/visualization/ComponentButton.vue b/core/core-frontend/src/components/visualization/ComponentButton.vue
index f6e5b3b..1efdbb9 100644
--- a/core/core-frontend/src/components/visualization/ComponentButton.vue
+++ b/core/core-frontend/src/components/visualization/ComponentButton.vue
@@ -42,7 +42,7 @@ const emits = defineEmits(['customClick'])
   align-items: center;
   justify-content: center;
   border-radius: 4px;
-  color: #ffffff99;
+  color: #ffffff;
   position: relative;
   &::after {
     content: '';
@@ -85,5 +85,6 @@ const emits = defineEmits(['customClick'])
 
 .toolbar-icon {
   font-size: 20px;
+  color: #fff;
 }
 </style>
diff --git a/core/core-frontend/src/components/visualization/DvSidebar.vue b/core/core-frontend/src/components/visualization/DvSidebar.vue
index b9532d7..7cd4842 100644
--- a/core/core-frontend/src/components/visualization/DvSidebar.vue
+++ b/core/core-frontend/src/components/visualization/DvSidebar.vue
@@ -430,21 +430,27 @@ const menuOpt = optName => {
 }
 .ed-collapse-item__wrap .ed-input.is-disabled .ed-input__wrapper{
   background-color: #373737;
-  box-shadow: none;
+  box-shadow: none !important;
 }
 .ed-collapse-item__wrap .ed-input--light .ed-input-group__append .ed-select.ed-select--disabled .ed-input__wrapper {
   background: #373737 !important;
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none !important;
+  border-color:#636363 !important;
+  border-left: none !important;
 }
 .ed-collapse-item__wrap .ed-input--dark .ed-input-group__append .ed-select .ed-input__wrapper {
   background: #373737 !important;
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none !important;
+  border-color:#636363 !important;
+  border-left: none !important;
 }
 .ed-collapse-item__wrap .ed-input-group__append, .ed-input-group__prepend{
   background: #373737 !important;
 }
 .ed-collapse-item__wrap .ed-input-group--append .ed-input-group__append .ed-select:not(.ed-select--disabled) .ed-input .ed-input__wrapper{
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none  !important;
+  border:1px solid #636363  !important;
+  border-left: none  !important;
 }
 .ed-collapse-item__wrap .image-hint{
   color:#757575 !important;
@@ -477,7 +483,7 @@ const menuOpt = optName => {
   border-color: #5f5f5f;
 }
 .ed-collapse-item__wrap .ed-select .ed-input.is-disabled:not(.ed-input--dark) .ed-input__wrapper:hover{
-  box-shadow: 0 0 0 1px #5f5f5f;
+  box-shadow: none !important;
 }
 .ed-collapse-item__wrap .custom-color-setting-btn{
   border: 1px solid #5f5f5f !important;
@@ -550,9 +556,35 @@ color: #ffffff !important;
 }
 .ed-input--dark .ed-input__wrapper {
   background-color: #292929;
-  box-shadow: none;
+  box-shadow: none !important;
 }
 .el-loading-mask{
-  background-color: rgba(41, 41, 41, 1) !important;
+  background-color: rgba(33,33,33, 0.9) !important;
+}
+.ed-input--dark .ed-input__wrapper:hover{
+  box-shadow: none !important;
+}
+.ed-input-number--dark:not(.is-disabled) .ed-input-number__decrease:not(.is-disabled):hover~.ed-input:not(.is-disabled) .ed-input__wrapper, .ed-input-number--dark:not(.is-disabled) .ed-input-number__increase:not(.is-disabled):hover~.ed-input:not(.is-disabled) .ed-input__wrapper{
+  box-shadow: none !important;
+  border: 1px solid #0089ff;
+}
+.ed-input__wrapper.is-focus {
+  box-shadow: none !important;
+}
+.ed-input__wrapper:hover {
+  box-shadow: none !important;
+}
+.ed-input__wrapper{
+  box-shadow: none !important;
+}
+.ed-input-number--light:not(.is-disabled).is-controls-right .ed-input-number__decrease:not(.is-disabled):hover~.ed-input:not(.is-disabled) .ed-input__wrapper, .ed-input-number--light:not(.is-disabled).is-controls-right .ed-input-number__increase:not(.is-disabled):hover~.ed-input:not(.is-disabled) .ed-input__wrapper{
+  box-shadow: none !important;
+  border: 1px solid #0089ff;
+}
+.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: #ffffff;
+}
+.ed-input-number__decrease:hover, .ed-input-number__increase:hover {
+  color: #0089ff;
 }
 </style>
diff --git a/core/core-frontend/src/components/visualization/OuterParamsSet.vue b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
index e85edba..147ae85 100644
--- a/core/core-frontend/src/components/visualization/OuterParamsSet.vue
+++ b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
@@ -1185,7 +1185,7 @@ rgb(2, 1, 1)
 :deep(.ed-textarea__inner){
 background: #212121;
 color: #ffffff;
-box-shadow: 0 0 0 1px #5f5f5f inset;
+box-shadow: 0 0 0 1px #434343 inset;
 }
 :deep(.ed-checkbox__inner){
   background:transparent;
diff --git a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
index d0739ee..bfd44ca 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
@@ -380,7 +380,8 @@ defineExpose({
     }
     :deep(.ed-input__wrapper){
       background-color: #252424 ;
-      box-shadow: 0 0 0 1px #5f5f5f inset;
+      box-shadow: none;
+      border: 1px solid #636363;
     }
     :deep(.ed-input__inner){
       color: #fff;
diff --git a/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue b/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
index b102c75..e6d62e0 100644
--- a/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
+++ b/core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
@@ -405,6 +405,7 @@ onMounted(() => {
   margin-bottom: 0;
 }
 :deep(.ed-form-item.is-error .ed-input__wrapper) {
+  box-shadow: none !important;
   input {
     color: var(--ed-color-danger);
   }
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
index b3b6398..7c8386e 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
@@ -527,14 +527,17 @@ watch(
 }
 :deep(.ed-textarea__inner){
   background-color: #252424 ;
-  box-shadow: 0 0 0 1px #434343 inset;
+  box-shadow:none;
+  border: 1px solid #434343;
   color: #fff;
 }
 :deep(.ed-textarea__inner:hover){
-  box-shadow: 0 0 0 1px #5f5f5f inset;
+  box-shadow: none;
+  border: 1px solid #5f5f5f;
 }
 :deep(.ed-textarea__inner:focus){
-  box-shadow: 0 0 0 1px #0089ff inset;
+  box-shadow: none;
+  border: 1px solid #0089ff;
 }
 :deep(.ed-form-item__label){
   color: #D2D2D2 !important;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
index 844950d..093aa5b 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
@@ -956,7 +956,7 @@ const emits = defineEmits(['update:item', 'del'])
       border-bottom: 1px solid #5f5f5f;
       background-color: transparent;
       &:focus {
-        box-shadow: 0 0 0 2px rgb(61,61,61);
+        border: 1px solid #0089ff;
         border-right-width: 1px !important;
         outline: 0;
         border-color: none;
@@ -1047,7 +1047,7 @@ const emits = defineEmits(['update:item', 'del'])
         outline: 0;
 
         &:focus {
-          box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+          border: 1px solid #0089ff;
           border-right-width: 1px !important;
           outline: 0;
           border-color: none;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
index 2ea7771..2969c1f 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
@@ -785,8 +785,9 @@ const emits = defineEmits(['update:item', 'del'])
     .ed-input__wrapper {
       box-shadow: none;
       border-bottom: 1px solid #e5e5e5;
+      
       &:focus {
-        box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+        border: 1px solid #0089ff;
         border-right-width: 1px !important;
         outline: 0;
         border-color: none;
@@ -874,7 +875,7 @@ const emits = defineEmits(['update:item', 'del'])
         outline: 0;
 
         &:focus {
-          box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+          border: 1px solid #0089ff;
           border-right-width: 1px !important;
           outline: 0;
           border-color: none;
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 9351a74..97277af 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -5337,19 +5337,25 @@ span {
   color: #ffffff ;
 }
 .de-chart-editor .ed-input-group--append .ed-input-group__append .ed-select:not(.ed-select--disabled):hover .ed-input__wrapper{
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none !important;
+  border:1px solid #636363  !important;
+  border-left: none  !important;
 }
 .de-chart-editor .ed-input-group__append, .ed-input-group__prepend{
   background: #373737 !important;
 }
 .de-chart-editor .ed-input-group--append .ed-input-group__append .ed-select:not(.ed-select--disabled) .ed-input .ed-input__wrapper{
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none !important;
+  border:1px solid #636363  !important;
+  border-left: none  !important;
 }
 .de-chart-editor .view-panel-row .ed-collapse-item__header.is-active{
   color: #fff !important;
 }
 .de-chart-editor .ed-input-group__append{
-  box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
+  box-shadow: none !important;
+  border:1px solid #636363  !important;
+  border-left: none  !important;
 }
 .remark-label{
   color: #A6A6A6 !important;
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index f1bec86..c7c99bd 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -856,7 +856,8 @@ defineExpose({
 :deep(.ed-input__wrapper) {
   width: 80px;
   background: transparent;
-  box-shadow: 0 0 0 1px #5f5f5f;
+  border: 1px solid #5f5f5f;
+  box-shadow: none;
 }
 :deep(.ed-input__inner){
   color: #ffffff;
diff --git a/core/core-frontend/src/views/common/MultiplexingCanvas.vue b/core/core-frontend/src/views/common/MultiplexingCanvas.vue
index 8762ce8..1af8345 100644
--- a/core/core-frontend/src/views/common/MultiplexingCanvas.vue
+++ b/core/core-frontend/src/views/common/MultiplexingCanvas.vue
@@ -134,8 +134,9 @@ defineExpose({
   }
   :deep(.ed-input__wrapper){
     background-color:#212121 !important;
-    box-shadow: 0 0 0 1px #434343;
+    border: 1px solid #434343;
     color: #ffffff;
+    box-shadow: none;
   }
   :deep(.ed-input__inner){
     color: #ffffff;
diff --git a/core/core-frontend/src/views/share/share/ShareHandler.vue b/core/core-frontend/src/views/share/share/ShareHandler.vue
index 9d80ecd..baaae8a 100644
--- a/core/core-frontend/src/views/share/share/ShareHandler.vue
+++ b/core/core-frontend/src/views/share/share/ShareHandler.vue
@@ -826,7 +826,7 @@ onMounted(() => {
     background-color: rgba(0, 0, 0, 0.1);
     color: #8f959e;
     &:hover {
-      box-shadow: 0 0 0 1px var(--ed-input-border-color, var(--ed-border-color)) inset;
+      border: 1px solid #0089ff;
     }
     input {
       color: #646a73;
diff --git a/core/core-frontend/src/views/share/share/ShareVisualHead.vue b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
index a49af8d..d95dd2a 100644
--- a/core/core-frontend/src/views/share/share/ShareVisualHead.vue
+++ b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
@@ -847,7 +847,7 @@ defineExpose({
     background-color: rgba(0, 0, 0, 0.1);
     color: #8f959e;
     &:hover {
-      box-shadow: 0 0 0 1px var(--ed-input-border-color, var(--ed-border-color)) inset;
+      border: 1px solid #0089ff;
     }
     input {
       color: #646a73;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
index d191312..dd86d0c 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
@@ -786,7 +786,7 @@ const emits = defineEmits(['update:item', 'del'])
       box-shadow: none;
       border-bottom: 1px solid #e5e5e5;
       &:focus {
-        box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+        border: 1px solid #0089ff;
         border-right-width: 1px !important;
         outline: 0;
         border-color: none;
@@ -874,7 +874,7 @@ const emits = defineEmits(['update:item', 'del'])
         outline: 0;
 
         &:focus {
-          box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+          border: 1px solid #0089ff;
           border-right-width: 1px !important;
           outline: 0;
           border-color: none;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
index 4d154ba..c6f45ca 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
@@ -2847,7 +2847,7 @@ const getDsIconName = data => {
         height: 24px;
         :deep(.ed-input__wrapper) {
           background-color: #050e21;
-          box-shadow: 0 0 0 1px var(--ed-color-primary);
+          border: 1px solid #0089ff;
           padding: 0 4px;
         }
         :deep(.ed-input__inner) {
diff --git a/core/core-frontend/src/viewsnew/application/addpopup.vue b/core/core-frontend/src/viewsnew/application/addpopup.vue
index d12bc6d..8eccee9 100644
--- a/core/core-frontend/src/viewsnew/application/addpopup.vue
+++ b/core/core-frontend/src/viewsnew/application/addpopup.vue
@@ -161,7 +161,8 @@ const handleAvatarSuccess = file => {
     border-style: solid;
     border-color: rgba(67, 67, 67,0);
     border-radius: 4px;
-    box-shadow:0 0 0 1px rgb(67, 67, 67) inset ;
+    box-shadow:none;
+    border: 1px solid rgb(67, 67, 67);
   }
   :deep(.ed-input__wrapper:hover){
     background-color: rgba(37, 38, 38, 1);
@@ -170,7 +171,8 @@ const handleAvatarSuccess = file => {
     border-style: solid;
     border-color: rgb(67, 67, 67);
     border-radius: 4px;
-    box-shadow: 0 0 0 1px #0089ff inset;
+    border: 1px solid #0089ff;
+    box-shadow:none;
   }
 
 
@@ -201,7 +203,8 @@ const handleAvatarSuccess = file => {
     border-color: rgba(51, 51, 51, 0);
     border-radius: 4px;
     color: #fff;
-    box-shadow: 0 0 0 1px rgb(67, 67, 67) inset;
+    box-shadow: none;
+    border: 1px solid #434343;
   }
   :deep(.ed-textarea__inner:hover){
     background-color: rgba(37, 38, 38, 1);
@@ -211,7 +214,8 @@ const handleAvatarSuccess = file => {
     border-color: rgba(51, 51, 51, 0);
     border-radius: 4px;
     color: #fff;
-    box-shadow: 0 0 0 1px #0089ff inset;
+    box-shadow: none;
+    border: 1px solid #0089ff;
   }
 
 
@@ -265,3 +269,24 @@ const handleAvatarSuccess = file => {
 }
 
 </style>
+<style>
+.ed-dialog__header{
+  padding: 13px 20px;
+  border-bottom: 1px solid #333333;
+  margin-right: 0px;
+}
+.ed-dialog__headerbtn{
+  color: #ffffff;
+}
+.ed-dialog__title{
+  color: #ffffff;
+}
+.ed-dialog__headerbtn{
+  top: 10px !important;
+  right: 15px !important;
+}
+.ed-dialog {
+  border: 1px solid #4f5052;
+  border-radius: 4px;
+}
+</style>
diff --git a/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue b/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue
index 662c38a..c5a3477 100644
--- a/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue
+++ b/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue
@@ -449,11 +449,11 @@ function delTreeClic(){ // 删除
   color: #fff;
 }
 :deep(.ed-input__wrapper:hover){
-  box-shadow:0 0 0 1px rgba(80, 80, 80, 1) ;
+  border: 1px solid #0089ff;
 }
 :deep(.ed-input.is-disabled .ed-input__wrapper){
   background-color: rgba(37, 38, 38, 0);
-  box-shadow:0 0 0 1px rgba(80, 80, 80, 1) ;
+  border: 1px solid rgba(80, 80, 80, 1);
 }
 :deep(.ed-input.is-disabled .ed-input__inner){
   background-color: rgba(37, 38, 38, 0);
@@ -519,7 +519,7 @@ function delTreeClic(){ // 删除
   border: 1px solid #0089FF;
 }
 .ed-input__wrapper:hover{
-  box-shadow: 0 0 0 1px #434343;
+  border: 1px solid #434343;
 }
 .ed-select__popper.ed-popper{
   background: rgb(41,41,41) !important;
@@ -533,12 +533,15 @@ function delTreeClic(){ // 删除
   background-color: rgba(255, 255, 255, .1)
 }                                                  
 .ed-select .ed-input__wrapper:hover {
-  box-shadow: 0 0 0 1px #5f5f5f !important;
+  box-shadow: none;
+  border: 1px solid #5f5f5f;
 }
 .ed-select .ed-input.is-focus .ed-input__wrapper{                                                    
-  box-shadow: 0 0 0 1px #5f5f5f !important;
+  box-shadow: none;
+  border: 1px solid #5f5f5f;
 }
 .ed-select .ed-input__wrapper.is-focus{
-  box-shadow: 0 0 0 1px #5f5f5f !important;
+  box-shadow: none;
+  border: 1px solid #5f5f5f;
 }
 </style>
diff --git a/core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/FilterFiled.vue b/core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/FilterFiled.vue
index 3e4cfc4..0821860 100644
--- a/core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/FilterFiled.vue
@@ -605,7 +605,7 @@ const emits = defineEmits(['update:item', 'del'])
         display: block;
       }
       & ~ .ed-input:not(.is-disabled) .ed-input__wrapper {
-        box-shadow: 0 0 0 0 #000 inset !important;
+        border: 1px solid #000 !important;
       }
     }
   }
@@ -875,7 +875,7 @@ const emits = defineEmits(['update:item', 'del'])
         outline: 0;
 
         &:focus {
-          box-shadow: 0 0 0 2px rgb(46 116 255 / 20%);
+          border: 1px solid #0089ff;
           border-right-width: 1px !important;
           outline: 0;
           border-color: none;
diff --git a/core/core-frontend/src/viewsnew/application/service/dataset/form/AddSql.vue b/core/core-frontend/src/viewsnew/application/service/dataset/form/AddSql.vue
index 9398033..00de7aa 100644
--- a/core/core-frontend/src/viewsnew/application/service/dataset/form/AddSql.vue
+++ b/core/core-frontend/src/viewsnew/application/service/dataset/form/AddSql.vue
@@ -1680,7 +1680,7 @@ const mousedownDrag = () => {
   content: "";
 }
 .el-loading-mask{
-  background-color: rgba(41, 41, 41, 1) !important;
+  background-color: rgba(33,33,33, 0.9) !important;
 }
 .ed-table__cell:last-child{
   border-right: 1px solid #363636 !important;
diff --git a/core/core-frontend/src/viewsnew/application/service/dataset/form/FieldMore.vue b/core/core-frontend/src/viewsnew/application/service/dataset/form/FieldMore.vue
index 5f2f8dc..3aa1880 100644
--- a/core/core-frontend/src/viewsnew/application/service/dataset/form/FieldMore.vue
+++ b/core/core-frontend/src/viewsnew/application/service/dataset/form/FieldMore.vue
@@ -248,4 +248,7 @@ const handleChange = () => {
     }
   }
 }
+.ed-cascader-menu{
+  border-right: 1px solid #434343;
+}
 </style>
diff --git a/core/core-frontend/src/viewsnew/application/service/dataset/form/index.vue b/core/core-frontend/src/viewsnew/application/service/dataset/form/index.vue
index c78a276..466f222 100644
--- a/core/core-frontend/src/viewsnew/application/service/dataset/form/index.vue
+++ b/core/core-frontend/src/viewsnew/application/service/dataset/form/index.vue
@@ -2849,7 +2849,7 @@ const getDsIconName = data => {
         height: 24px;
         :deep(.ed-input__wrapper) {
           background-color: #050e21;
-          box-shadow: 0 0 0 1px var(--ed-color-primary);
+          border: 1px solid #636363;
           padding: 0 4px;
         }
         :deep(.ed-input__inner) {
@@ -3480,7 +3480,7 @@ const getDsIconName = data => {
 }
 .ed-input__wrapper:hover{
   box-shadow:none !important;
-  border: 1px solid #3370ff !important;
+  border: 1px solid #0089ff !important;
 }
 .ed-input.is-disabled .ed-input__wrapper{
   background-color: rgba(37, 38, 38, 0);
@@ -3493,6 +3493,10 @@ const getDsIconName = data => {
 .ed-table--enable-row-hover .ed-table__body tr:hover>td.ed-table__cell {
   background: rgba(21, 21, 21, 1);
 }
+.calcu-field .cm-scroller{
+  border: 1px solid #434343;
+  background: rgb(19,19,19);
+}
 </style>
 
 
diff --git a/core/core-frontend/src/viewsnew/application/service/dataset/index.vue b/core/core-frontend/src/viewsnew/application/service/dataset/index.vue
index ae24460..fe4b3d3 100644
--- a/core/core-frontend/src/viewsnew/application/service/dataset/index.vue
+++ b/core/core-frontend/src/viewsnew/application/service/dataset/index.vue
@@ -1515,7 +1515,8 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
   border-style: solid;
   border-color: rgba(51, 51, 51, 0);
   border-radius: 4px;
-  box-shadow:0 0 0 1px #636363 ;
+  box-shadow: none;
+  border: 1px solid #636363;
 }
 .ed-input__inner{
   background-color: rgba(37, 38, 38, 1);
@@ -1694,7 +1695,6 @@ border-right: 1px solid rgba(54, 54, 54, 1)
   background: rgba(33, 33, 33, 1) !important;
 }
 .de-el-dropdown-menu .ed-input .ed-input__wrapper {
-  border-bottom: 1px solid #434343 !important;
   background: rgba(41, 41, 41, 1) !important;
 }
 .de-el-dropdown-menu .ed-input .ed-input__wrapper .ed-input__inner {
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/FinishPage.vue b/core/core-frontend/src/viewsnew/application/service/datasource/FinishPage.vue
index 4246f7d..c27f33c 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/FinishPage.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/FinishPage.vue
@@ -141,7 +141,7 @@ const handleChange = (val: boolean) => {
         height: 82px;
         padding: 0 16px 0 12px;
         border-radius: 4px;
-        border: 1px solid #dee0e3;
+        border: 1px solid #5f5f5f;
         .ds {
           font-size: 32px;
           margin-right: 14.67px;
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiHttpRequestDraw.vue b/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiHttpRequestDraw.vue
index c20ce11..0110386 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiHttpRequestDraw.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiHttpRequestDraw.vue
@@ -1154,7 +1154,8 @@ defineExpose({
   }
 }
 .ed-input-group--prepend .ed-input-group__prepend .ed-select .ed-input .ed-input__wrapper{
-  box-shadow: 0 0 0 1px #636363;
+  box-shadow: none;
+  border: 1px solid #636363;
 }
 .ed-table th.ed-table__cell {
   background-color: #434343;
diff --git a/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiKeyValue.vue b/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiKeyValue.vue
index e207c81..2643928 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiKeyValue.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/form/ApiKeyValue.vue
@@ -365,6 +365,6 @@ const timeFunLists = [
   border: 1px solid #5f5f5f !important;
 }
 .el-loading-mask{
-  background-color: rgba(41, 41, 41, 1) !important;
+  background-color: rgba(33,33,33, 0.9) !important;
 }
 </style>
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 285e548..57c6e40 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
@@ -1611,7 +1611,7 @@ defineExpose({
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
-    color: var(--ed-color-primary);
+    color: #0089ff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
@@ -1881,4 +1881,7 @@ defineExpose({
     }
   }
 }
+.ed-tree-node__expand-icon{
+  color: #fff;
+}
 </style>
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 722dc63..dfff2c3 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
@@ -1177,7 +1177,8 @@ defineExpose({
   color: #fff;
 }
 .ed-textarea__inner{
-  box-shadow: 0 0 0 1px #636363;
+  box-shadow: none;
+  border: 1px solid #434343;
 }
 .ed-input__wrapper {
     background-color: rgba(37, 38, 38, 1);
@@ -1222,7 +1223,7 @@ defineExpose({
   background: rgb(33,33,33);
 }
 .de-expand{
-  color: #0089ff !important;
+  color: #0089ff;
 }
 .ed-checkbox__inner{
   background: transparent;
@@ -1247,4 +1248,8 @@ defineExpose({
   background-color: #212121 !important;
   border: 1px solid #434343 !important;
 }
+.ed-form-item.is-error .ed-input__wrapper {
+  box-shadow: none !important;
+  border: 1px solid #f54a45 !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 44860b3..0fdad9f 100644
--- a/core/core-frontend/src/viewsnew/application/service/datasource/index.vue
+++ b/core/core-frontend/src/viewsnew/application/service/datasource/index.vue
@@ -1504,6 +1504,7 @@ const getMenuList = (val: boolean) => {
                   </el-col>
                 </el-row>
                 <el-row :gutter="24">
+                  <span class="icon-title" style="margin-top: 18px;margin-right: 8px;"></span>
                   <span
                     v-if="
                       !['es', 'api'].includes(nodeInfo.type.toLowerCase()) &&
@@ -1543,6 +1544,7 @@ const getMenuList = (val: boolean) => {
                   </el-row>
                 </template>
                 <el-row :gutter="24">
+                  <span class="icon-title" style="margin-top: 18px;margin-right: 8px;"></span>
                   <span
                     v-if="!['es', 'api'].includes(nodeInfo.type.toLowerCase())"
                     class="de-expand"
@@ -1897,7 +1899,13 @@ const getMenuList = (val: boolean) => {
 
 <style lang="less" scoped>
 @import '@/style/mixin.less';
-
+.icon-title{
+  display: inline-block;
+  width: 6px;
+  height: 16px;
+  background: inherit;
+  background-color: #0089ff;
+}
 .filter-icon-span {
   border: 1px solid #bbbfc4;
   width: 32px;
@@ -2110,7 +2118,7 @@ const getMenuList = (val: boolean) => {
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
-    color: var(--ed-color-primary);
+    color: #fff;
     cursor: pointer;
     margin-top: 16px;
     display: inline-flex;
@@ -2315,6 +2323,7 @@ const getMenuList = (val: boolean) => {
     margin: 4px 0 24px 0;
     color: var(--deTextPrimary, #ffffff);
   }
+ 
 }
 
 
@@ -2333,23 +2342,23 @@ const getMenuList = (val: boolean) => {
 }
 .ed-input__wrapper:hover{
   box-shadow:none !important;
-  border: 1px solid #3370ff !important;
+  border: 1px solid #0089ff !important;
 }
 .ed-input__wrapper.is-focus{
   box-shadow:none;
-  border: 1px solid #3370ff !important;
+  border: 1px solid #0089ff !important;
 }
 .ed-textarea__inner{
   box-shadow:none !important;
-  border: 1px solid #636363 !important;
+  border: 1px solid #434343 !important;
 }
 .ed-textarea__inner:hover{
   box-shadow:none !important;
-  border: 1px solid #3370ff !important;
+  border: 1px solid #0089ff !important;
 }
 .ed-textarea__inner.is-focus{
   box-shadow:none;
-  border: 1px solid #3370ff !important;
+  border: 1px solid #0089ff !important;
 }
 .ed-input__inner{
   background-color: rgba(37, 38, 38, 1);
@@ -2549,7 +2558,7 @@ border-right: 1px solid rgba(54, 54, 54, 1);
   color:#0089ff !important;
 }
 .el-loading-mask{
-  background-color: rgba(41, 41, 41, 1) !important;
+  background-color: rgba(33,33,33, 0.9) !important;
 }
 .arrow-side-tree{
   border: 1px solid #9d9d9d !important;