fix: Optimize font color(#2792)

Author: wangdan-fit2cloud

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>

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>

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;

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;
   }

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)">

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

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

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`)"