From a04ee1764c7385f3db3e0c61e92a256b749a1edd Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 16 Sep 2025 15:05:25 +0800
Subject: [PATCH] fix: Optimize font color(#2792)

---
 .../dynamics-form/items/complex/ArrayObjectCard.vue        | 2 +-
 ui/src/components/markdown/ReasoningRander.vue             | 2 +-
 ui/src/styles/element-plus.scss                            | 6 ++++++
 ui/src/styles/md-editor.scss                               | 1 -
 ui/src/views/application-workflow/index.vue                | 3 ++-
 ui/src/views/model/component/CreateModelDialog.vue         | 2 +-
 ui/src/views/model/component/SelectProviderDialog.vue      | 7 ++++++-
 ui/src/workflow/common/NodeContainer.vue                   | 2 +-
 8 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
index 49d09b158..44160fe9d 100644
--- a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
+++ b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
@@ -22,7 +22,7 @@
     </el-card>
     <el-card shadow="never" class="card-add box-card" @click="add_card">
       <div class="flex-center">
-        <AppIcon iconName="Plus" class="add-icon layout-bg p-8 border-r-6" />
+        <AppIcon iconName="app-add-outlined" class="add-icon layout-bg p-8 border-r-6" />
         <span>{{ add_msg }}</span>
       </div>
     </el-card>
diff --git a/ui/src/components/markdown/ReasoningRander.vue b/ui/src/components/markdown/ReasoningRander.vue
index b42ae7fed..128fa51db 100644
--- a/ui/src/components/markdown/ReasoningRander.vue
+++ b/ui/src/components/markdown/ReasoningRander.vue
@@ -29,7 +29,7 @@ const showThink = ref<boolean>(true)
   }
   .reasoning-md {
     padding-left: 8px;
-    --md-color: var(--app-text-color-secondary) !important;
+    --md-color: var(--app-input-color-placeholder) !important;
   }
 }
 </style>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 6ec7158db..34ff2f637 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -304,6 +304,9 @@
 .el-select__caret {
   color: var(--app-text-color-secondary);
 }
+.el-select__wrapper.is-disabled .el-select__caret {
+  color: var(--app-text-color-disable);
+}
 
 // el-textarea
 .el-textarea {
@@ -314,6 +317,9 @@
 .el-input {
   --el-input-text-color: var(--el-text-color-primary);
 }
+.el-input .el-input__password {
+  color: var(--app-text-color-secondary) !important;
+}
 
 .el-input-group__prepend div.el-select .el-select__wrapper {
   background: #ffffff;
diff --git a/ui/src/styles/md-editor.scss b/ui/src/styles/md-editor.scss
index cea5fd07c..507b83d75 100644
--- a/ui/src/styles/md-editor.scss
+++ b/ui/src/styles/md-editor.scss
@@ -12,7 +12,6 @@
   margin: 0;
   font-size: inherit;
   word-break: break-word;
-  color: var(--el-text-color-primary);
   table {
     display: block;
   }
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 4e57c831f..26672c946 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -27,7 +27,8 @@
         </el-button>
       </div>
       <div v-else>
-        <el-button icon="Plus" @click="showPopover = !showPopover">
+        <el-button @click="showPopover = !showPopover">
+          <AppIcon iconName="app-add-outlined" class="mr-4"/>
           {{ $t('views.applicationWorkflow.setting.addComponent') }}
         </el-button>
         <el-button @click="clickShowDebug" :disabled="showDebug" v-if="permissionPrecise.debug(id)">
diff --git a/ui/src/views/model/component/CreateModelDialog.vue b/ui/src/views/model/component/CreateModelDialog.vue
index 23cfff192..f60c827fc 100644
--- a/ui/src/views/model/component/CreateModelDialog.vue
+++ b/ui/src/views/model/component/CreateModelDialog.vue
@@ -156,7 +156,7 @@
               base_form_data.model_type !== 'TTI'
             "
           >
-            <AppIcon iconName="Plus" class="add-icon" />{{ $t('common.add') }}
+            <AppIcon iconName="app-add-outlined" class="mr-4"/> {{ $t('common.add') }}
           </el-button>
         </div>
         <el-table
diff --git a/ui/src/views/model/component/SelectProviderDialog.vue b/ui/src/views/model/component/SelectProviderDialog.vue
index 918001bd7..6c1e27e79 100644
--- a/ui/src/views/model/component/SelectProviderDialog.vue
+++ b/ui/src/views/model/component/SelectProviderDialog.vue
@@ -24,6 +24,8 @@
                 v-for="item in modelTypeOptions"
                 :key="item.value"
                 @click="checkModelType(item.value)"
+                class="flex-between w-120"
+                :class="currentModelType === item.text ? 'active' : ''"
               >
                 <span>{{ item.text }}</span>
                 <el-icon v-if="currentModelType === item.text"><Check /></el-icon>
@@ -57,7 +59,10 @@ const dialogVisible = ref<boolean>(false)
 const list_provider = ref<Array<Provider>>([])
 const currentModelType = ref('')
 const selectModelType = ref('')
-const modelTypeOptions = [{ text: t('views.model.modelType.allModel'), value: '' }, ...modelTypeList]
+const modelTypeOptions = [
+  { text: t('views.model.modelType.allModel'), value: '' },
+  ...modelTypeList,
+]
 
 const open = (model_type?: string) => {
   dialogVisible.value = true
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 07d5d0c27..ef3edf452 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -13,7 +13,7 @@
             @drag.prevent
             @dragover.prevent
             @dragend.prevent
-            style="width: 70%"
+            style="width: 69%"
           >
             <component
               :is="iconComponent(`${nodeModel.type}-icon`)"