From b792ca61e72d1422420e4d535cb7a7373eb99aa4 Mon Sep 17 00:00:00 2001
From: jingna <1264204245@qq.com>
Date: Wed, 23 Apr 2025 09:03:12 +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

---
 .../empty-background/src/EmptyBackground.vue  |  2 +-
 .../components/visualization/LinkJumpSet.vue  | 44 +++++++++++++----
 .../components/visualization/LinkageSet.vue   |  9 ++--
 .../editor-style/components/TitleSelector.vue | 23 +++++++++
 .../views/chart/components/editor/index.vue   |  8 ++++
 .../src/views/common/DeResourceTree.vue       | 34 ++++++++++++--
 .../src/views/common/MultiplexingCanvas.vue   | 42 +++++++++++++++--
 .../MultiplexPreviewShow.vue                  | 19 +++++---
 .../views/data-visualization/PreviewShow.vue  |  6 +--
 .../visualized/data/datasource/index.vue      |  1 +
 .../src/viewsnew/application/index.vue        |  2 +-
 .../application/module/Leftmenu/index.vue     | 47 ++++++++++++++++---
 .../data-visualization/PreviewShow.vue        |  2 +-
 13 files changed, 202 insertions(+), 37 deletions(-)

diff --git a/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue b/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
index d30ac95..073bd61 100644
--- a/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
+++ b/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
@@ -52,7 +52,7 @@ const getAssetsFile = {
 :deep(.ed-empty__description) {
   margin-top: 8px;
 
-  color: var(--N600, #646a73);
+  color: var(--N600, #d2d2d2);
   text-align: center;
   /* 正文-字号 14，行高 22，字重适中（Regular），用于列表Feed会话 */
   font-family: var(--de-custom_font, 'PingFang');
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index 438168e..82a497c 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -663,7 +663,7 @@ const resourceType = computed(() =>
   dvInfo.value.type === 'dashboard' ? t('work_branch.dashboard') : t('work_branch.big_data_screen')
 )
 
-const selectSourceTips = t('visualization.select_target_resource')
+const selectSourceTips = t('visualization.select_target_resource')                     
 
 const targetSource = t('visualization.target_dashboard_dataV')
 
@@ -1108,7 +1108,7 @@ defineExpose({
 
 .preview {
   margin-top: 5px;
-  border: 1px solid #e6e6e6;
+  border: 1px solid #434343;
   border-radius: 4px;
   height: 470px !important;
   overflow: hidden;
@@ -1116,7 +1116,7 @@ defineExpose({
 }
 
 .preview-show {
-  border-left: 1px solid #e6e6e6;
+  border-left: 1px solid #434343;
   height: 470px;
   background-size: 100% 100% !important;
 }
@@ -1209,7 +1209,7 @@ defineExpose({
     margin-right: 16px;
     font-weight: 400;
     font-size: 12px;
-    color: #646a73;
+    color: #D2D2D2;
     .ed-switch {
       margin-left: 8px;
     }
@@ -1324,7 +1324,7 @@ span {
 .top-area-text {
   font-weight: 400;
   font-size: 14px;
-  color: #646a73;
+  color: #D2D2D2;
 
   &.margin-left {
     margin-left: 24px;
@@ -1335,25 +1335,29 @@ span {
 
   .settings-header {
     height: auto;
-    border-bottom: 1px solid #e6e6e6;
+    border-bottom: 1px solid #434343;
 
     .radio-group-box {
       margin-top: 8px;
       margin-bottom: 8px;
 
       .title {
-        color: #646a73;
+        color: #d2d2d2;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
       }
 
       :deep(.ed-radio__label) {
-        color: #1f2329;
+        color: #ffffff;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
       }
+      :deep(.ed-radio__inner){
+        background-color:transparent;
+        border-color:#5f5f5f;
+      }
     }
   }
 
@@ -1591,4 +1595,28 @@ span {
   color: var(--ed-color-primary);
   cursor: pointer;
 }
+.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;
+}
+: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;
+}
 </style>
diff --git a/core/core-frontend/src/components/visualization/LinkageSet.vue b/core/core-frontend/src/components/visualization/LinkageSet.vue
index f15ac4d..cdd6d67 100644
--- a/core/core-frontend/src/components/visualization/LinkageSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSet.vue
@@ -701,7 +701,7 @@ defineExpose({
   flex-direction: column;
   span {
     line-height: 22px;
-    color: #646a73;
+    color: #909399;
   }
 }
 
@@ -742,7 +742,7 @@ defineExpose({
     margin-right: 16px;
     font-weight: 400;
     font-size: 12px;
-    color: #969696;
+    color: #d2d2d2;
     .ed-switch {
       margin-left: 8px;
     }
@@ -847,7 +847,7 @@ span {
 .top-area-text {
   font-weight: 400;
   font-size: 14px;
-  color: #fff;
+  color: #d2d2d2;
   margin-left: 24px;
 }
 
@@ -870,7 +870,7 @@ span {
   margin-left: 16px;
   font-weight: 500;
   font-size: 14px;
-  color: #1f2329;
+  color: #d2d2d2;
   line-height: 32px;
   margin-right: 16px;
 }
@@ -1014,4 +1014,5 @@ span {
   background-color:#0089FF;
   border: 1px solid #0089FF;
 }
+
 </style>
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 9ffa745..b3b6398 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
@@ -516,4 +516,27 @@ watch(
     color: var(--N600-Dark, #a6a6a6);
   }
 }
+.dialog-footer .ed-button{
+    color: #F2F4F5;
+    background-color: #212121;
+    border: 1px solid #434343;
+  }
+.dialog-footer .ed-button--primary{
+  background-color:#0089FF;
+  border: 1px solid #0089FF;
+}
+:deep(.ed-textarea__inner){
+  background-color: #252424 ;
+  box-shadow: 0 0 0 1px #434343 inset;
+  color: #fff;
+}
+:deep(.ed-textarea__inner:hover){
+  box-shadow: 0 0 0 1px #5f5f5f inset;
+}
+:deep(.ed-textarea__inner:focus){
+  box-shadow: 0 0 0 1px #0089ff inset;
+}
+:deep(.ed-form-item__label){
+  color: #D2D2D2 !important;
+}
 </style>
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 66200bc..b08db50 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -5280,3 +5280,11 @@ span {
   }
 }
 </style>
+<style>
+.ed-loading-mask {
+  background-color:rgba(37,37,37,0.5);
+}
+.ed-tree{
+  background:transparent
+}
+</style>
\ No newline at end of file
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index 21f2674..d5a5340 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -765,11 +765,11 @@ defineExpose({
 </template>
 <style lang="less" scoped>
 .filter-icon-span {
-  border: 1px solid #bbbfc4;
+  border: 1px solid #5f5f5f;
   width: 32px;
   height: 32px;
   border-radius: 4px;
-  color: #1f2329;
+  color: #f2f4f5;
   padding: 8px;
   margin-left: 8px;
   font-size: 16px;
@@ -779,11 +779,11 @@ defineExpose({
     outline: none !important;
   }
   &:hover {
-    background: #f5f6f7;
+    background: rgb(61,61,61);
   }
 
   &:active {
-    background: #eff0f1;
+    background: rgb(61,61,61);
   }
 }
 .resource-tree {
@@ -856,6 +856,11 @@ defineExpose({
 
 :deep(.ed-input__wrapper) {
   width: 80px;
+  background: transparent;
+  box-shadow: 0 0 0 1px #5f5f5f;
+}
+:deep(.ed-input__inner){
+  color: #ffffff;
 }
 
 .custom-tree {
@@ -922,4 +927,25 @@ defineExpose({
     display: block;
   }
 }
+.ed-tree{
+  color: #fff;
+}
+.ed-dropdown-menu{
+background-color: rgb(41, 41, 41);
+}
+.ed-dropdown-menu__item--divided{
+  border-top: 1px solid #5f5f5f;
+}
+.ed-dropdown-menu__item:not(.is-disabled):hover{
+  background-color: rgb(61, 61, 61);
+}
+.ed-tree--highlight-current .ed-tree-node.is-current>.ed-tree-node__content{
+  background-color: rgb(61, 61, 61);
+}
+.ed-tree-node__content.is-menu:hover{
+  background-color: rgb(61, 61, 61);
+}
+.ed-tree-node.is-current.is-menu>:nth-child(1){
+  color: #0089ff;
+}
 </style>
diff --git a/core/core-frontend/src/views/common/MultiplexingCanvas.vue b/core/core-frontend/src/views/common/MultiplexingCanvas.vue
index e839928..8fd3a1b 100644
--- a/core/core-frontend/src/views/common/MultiplexingCanvas.vue
+++ b/core/core-frontend/src/views/common/MultiplexingCanvas.vue
@@ -119,13 +119,37 @@ defineExpose({
 }
 .multiplexing-footer {
   position: relative;
+  .ed-button{
+    color: #F2F4F5;
+    background-color: #212121;
+    border: 1px solid #434343;
+  }
+ .ed-button--primary{
+    background-color:#0089FF;
+    border: 1px solid #0089FF;
+  }
+  .ed-button.is-disabled{
+    background-color:#99b8ff;
+    border: 1px solid #99b8ff;
+  }
+  :deep(.ed-input__wrapper){
+    background-color:#212121 !important;
+    box-shadow: 0 0 0 1px #434343;
+    color: #ffffff;
+  }
+  :deep(.ed-input__inner){
+    color: #ffffff;
+  }
+  :deep(.ed-select-dropdown__item){
+    color: #ffffff !important;
+  }
 }
 
 .adapt-count {
   position: absolute;
   top: 18px;
   left: 20px;
-  color: #646a73;
+  color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
@@ -139,7 +163,7 @@ defineExpose({
 .adapt-text {
   font-size: 14px;
   font-weight: 400;
-  color: #1f2329;
+  color: #ffffff;
   line-height: 22px;
 }
 </style>
@@ -149,11 +173,23 @@ defineExpose({
   .ed-drawer__footer {
     height: 64px !important;
     padding: 0px !important;
-    box-shadow: 0 -1px 0px #d7d7d7 !important;
+    box-shadow: 0 -1px 0px #5f5f5f;
   }
 
   .ed-drawer__body {
     padding: 0 0 64px 0 !important;
   }
 }
+.ed-select-dropdown__item{
+  color: #ffffff ;
+}
+.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover{
+  background: rgb(61,61,61);
+}
+.ed-drawer__header{
+  color: #fff;
+}
+.ed-drawer__close-btn:hover{
+  background:rgb(61,61,61)
+}
 </style>
diff --git a/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue b/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
index d328317..7430064 100644
--- a/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
+++ b/core/core-frontend/src/views/data-visualization/MultiplexPreviewShow.vue
@@ -320,13 +320,13 @@ onBeforeMount(() => {
   height: 40px;
   line-height: 40px;
   font-size: 12px;
-  color: #3d4d66;
-  background-color: white;
+  color: #5f5f5f;
+  background-color: rgb(33,33,33);
   .head-text {
     margin-left: 16px;
     font-weight: 500;
     font-size: 14px;
-    color: #1f2329;
+    color: #ffffff;
   }
   .head-filter {
     flex: 1;
@@ -336,7 +336,7 @@ onBeforeMount(() => {
     margin-right: 16px;
     font-weight: 400;
     font-size: 12px;
-    color: #646a73;
+    color: #ababab;
     .ed-switch {
       margin-left: 8px;
     }
@@ -571,7 +571,7 @@ span {
   width: 100%;
   height: 100%;
   padding: 12px;
-  background: #ffffff;
+  background: rgb(33,33,33);
 }
 .view-show-content {
   position: relative;
@@ -580,7 +580,14 @@ span {
   .wrapper-content {
     width: 100%;
     height: 100%;
-    background-size: 100% 100% !important;
+    background-size: 100% 100% !important;                  
   }
 }
+:deep(.ed-tree){
+  background-color: rgb(33,33,33);
+}
+:deep(.ed-checkbox__inner){
+  background-color: rgb(33,33,33);
+  border-color:  #818181;
+}
 </style>
diff --git a/core/core-frontend/src/views/data-visualization/PreviewShow.vue b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
index a520f04..87fab43 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewShow.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
@@ -330,7 +330,7 @@ onBeforeMount(() => {
   height: 100%;
   overflow: hidden;
   display: flex;
-  background: #ffffff;
+  background: rgb(33,33,33);
   position: relative;
   .resource-area {
     position: relative;
@@ -338,7 +338,7 @@ onBeforeMount(() => {
     width: 279px;
     padding: 0;
     overflow: visible;
-    border-right: 1px solid #d7d7d7;
+    border-right: 1px solid #5f5f5f;
 
     &.retract {
       display: none;
@@ -392,6 +392,6 @@ onBeforeMount(() => {
 
 .multiplexing-content {
   padding: 12px;
-  background-color: rgb(245, 246, 247);
+  background-color: #2d2d2d;
 }
 </style>
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 1ce50eb..4fc5758 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -2352,4 +2352,5 @@ const getMenuList = (val: boolean) => {
     color: var(--deTextPrimary, #1f2329);
   }
 }
+
 </style>
diff --git a/core/core-frontend/src/viewsnew/application/index.vue b/core/core-frontend/src/viewsnew/application/index.vue
index bda0945..8f82814 100644
--- a/core/core-frontend/src/viewsnew/application/index.vue
+++ b/core/core-frontend/src/viewsnew/application/index.vue
@@ -126,7 +126,7 @@ function delClick(row){
   </div>
 </template>
 
-<style lang="less" scoped>
+<style lang="less" scoped>  
 .common-layout {
   width: 100vw;
   height: 100vh;
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 f8ca5f8..f7fc951 100644
--- a/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue
+++ b/core/core-frontend/src/viewsnew/application/module/Leftmenu/index.vue
@@ -303,9 +303,9 @@ function delTreeClic(){ // 删除
 
 
     </el-form>
-    <template #footer>
-      <el-button  @click="paramsCloseForm">{{ t('dataset.cancel') }} </el-button>
-      <el-button type="primary" @click="saveData">{{ t('dataset.confirm') }} </el-button>
+    <template #footer >
+      <el-button class="root-class" @click="paramsCloseForm">{{ t('dataset.cancel') }} </el-button>
+      <el-button class="root-class" type="primary" @click="saveData">{{ t('dataset.confirm') }} </el-button>
     </template>
   </el-dialog>
   <div id="drag_main_area" v-show="isTreeDrag" 
@@ -369,7 +369,9 @@ function delTreeClic(){ // 删除
       padding:0 10px;
       padding-right: 0;
     }
-  
+    :deep(.ed-input__wrapper:hover){
+      border: none;
+    }
   }
   :deep(.ed-tree){
     background: transparent;
@@ -450,9 +452,10 @@ function delTreeClic(){ // 删除
 :deep(.ed-input.is-disabled .ed-input__inner){
   background-color: rgba(37, 38, 38, 0);
 }
+:deep(.ed-select__popper.ed-popper){
+  background: rgb(41,41,41) !important;
 
-
-    
+}
 </style>
 <style>
 .create-project-dialog{
@@ -500,4 +503,36 @@ function delTreeClic(){ // 删除
 .drag-main-text:hover{
   background-color: rgba(100, 100, 100, 1);
 }
+.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;
+}
+.ed-input__wrapper:hover{
+  box-shadow: 0 0 0 1px #434343;
+}
+.ed-select__popper.ed-popper{
+  background: rgb(41,41,41) !important;
+  color: #fff;
+  border:1px solid #434343;
+}
+.ed-select-dropdown__item{
+  color: #F2F4F5;
+}
+.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover{
+  background-color: rgba(255, 255, 255, .1)
+}                                                  
+.ed-select .ed-input__wrapper:hover {
+  box-shadow: 0 0 0 1px #5f5f5f !important;
+}
+.ed-select .ed-input.is-focus .ed-input__wrapper{                                                    
+  box-shadow: 0 0 0 1px #5f5f5f !important;
+}
+.ed-select .ed-input__wrapper.is-focus{
+  box-shadow: 0 0 0 1px #5f5f5f !important;
+}
 </style>
diff --git a/core/core-frontend/src/viewsnew/data-visualization/PreviewShow.vue b/core/core-frontend/src/viewsnew/data-visualization/PreviewShow.vue
index a520f04..7a64d41 100644
--- a/core/core-frontend/src/viewsnew/data-visualization/PreviewShow.vue
+++ b/core/core-frontend/src/viewsnew/data-visualization/PreviewShow.vue
@@ -392,6 +392,6 @@ onBeforeMount(() => {
 
 .multiplexing-content {
   padding: 12px;
-  background-color: rgb(245, 246, 247);
+  background-color: rgb(33,33,33);
 }
 </style>