From dced995e0daccb21dfb0f7a51ebb7506248b1df5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Thu, 29 May 2025 09:34:40 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E5=BA=93=E6=9B=B4?=
 =?UTF-8?q?=E5=A4=9A=E6=8C=89=E9=92=AE=E5=9B=BE=E6=A0=87=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/more.svg              | 13 +++++++++++++
 src/assets/svg/more_active.svg       | 13 +++++++++++++
 src/assets/svg/more_hover.svg        | 13 +++++++++++++
 src/styles/knowledgeLibrary.scss     | 17 ++++++++++++++++-
 src/views/knowledgeLibrary/index.vue |  9 +++------
 5 files changed, 58 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/svg/more.svg
 create mode 100644 src/assets/svg/more_active.svg
 create mode 100644 src/assets/svg/more_hover.svg

diff --git a/src/assets/svg/more.svg b/src/assets/svg/more.svg
new file mode 100644
index 0000000..69e80d3
--- /dev/null
+++ b/src/assets/svg/more.svg
@@ -0,0 +1,13 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<clipPath id="clip1336_51559">
+			<rect id="更多_默认" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip1336_51559)">
+		<path id="合并" d="M7.5 12C7.5 12.8277 6.8277 13.5 6 13.5C5.1723 13.5 4.5 12.8277 4.5 12C4.5 11.1723 5.1723 10.5 6 10.5C6.8277 10.5 7.5 11.1723 7.5 12ZM13.5 12C13.5 12.8277 12.8277 13.5 12 13.5C11.1723 13.5 10.5 12.8277 10.5 12C10.5 11.1723 11.1723 10.5 12 10.5C12.8277 10.5 13.5 11.1723 13.5 12ZM18 13.5C18.8277 13.5 19.5 12.8277 19.5 12C19.5 11.1723 18.8277 10.5 18 10.5C17.1723 10.5 16.5 11.1723 16.5 12C16.5 12.8277 17.1723 13.5 18 13.5Z" clip-rule="evenodd" fill="#8D98AA" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/src/assets/svg/more_active.svg b/src/assets/svg/more_active.svg
new file mode 100644
index 0000000..4158d0b
--- /dev/null
+++ b/src/assets/svg/more_active.svg
@@ -0,0 +1,13 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<clipPath id="clip1336_51778">
+			<rect id="更多_选中" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip1336_51778)">
+		<path id="合并" d="M7.5 12C7.5 12.8277 6.8277 13.5 6 13.5C5.1723 13.5 4.5 12.8277 4.5 12C4.5 11.1723 5.1723 10.5 6 10.5C6.8277 10.5 7.5 11.1723 7.5 12ZM13.5 12C13.5 12.8277 12.8277 13.5 12 13.5C11.1723 13.5 10.5 12.8277 10.5 12C10.5 11.1723 11.1723 10.5 12 10.5C12.8277 10.5 13.5 11.1723 13.5 12ZM18 13.5C18.8277 13.5 19.5 12.8277 19.5 12C19.5 11.1723 18.8277 10.5 18 10.5C17.1723 10.5 16.5 11.1723 16.5 12C16.5 12.8277 17.1723 13.5 18 13.5Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/src/assets/svg/more_hover.svg b/src/assets/svg/more_hover.svg
new file mode 100644
index 0000000..46cc8e8
--- /dev/null
+++ b/src/assets/svg/more_hover.svg
@@ -0,0 +1,13 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<clipPath id="clip1336_51783">
+			<rect id="更多_hover" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip1336_51783)">
+		<path id="合并" d="M7.5 12C7.5 12.8277 6.8277 13.5 6 13.5C5.1723 13.5 4.5 12.8277 4.5 12C4.5 11.1723 5.1723 10.5 6 10.5C6.8277 10.5 7.5 11.1723 7.5 12ZM13.5 12C13.5 12.8277 12.8277 13.5 12 13.5C11.1723 13.5 10.5 12.8277 10.5 12C10.5 11.1723 11.1723 10.5 12 10.5C12.8277 10.5 13.5 11.1723 13.5 12ZM18 13.5C18.8277 13.5 19.5 12.8277 19.5 12C19.5 11.1723 18.8277 10.5 18 10.5C17.1723 10.5 16.5 11.1723 16.5 12C16.5 12.8277 17.1723 13.5 18 13.5Z" clip-rule="evenodd" fill="#7AA5FF" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss
index b87be16..80a7fac 100644
--- a/src/styles/knowledgeLibrary.scss
+++ b/src/styles/knowledgeLibrary.scss
@@ -205,7 +205,22 @@
           }
 
           .kl-card-more-icon {
-            cursor: pointer;
+            height: 24px;
+            .icon-more{
+              display: inline-block;
+              cursor: pointer;
+              width: 24px;
+              height: 24px;
+              background-image: url(@/assets/svg/more.svg);
+              background-repeat: no-repeat;
+              background-size: 100% 100%;
+              &:hover {
+                background-image: url(@/assets/svg/more_hover.svg);
+              }
+              &:active,&:focus {
+                background-image: url(@/assets/svg/more_active.svg);
+              }
+            }
           }
         }
 
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 396ab87..6843385 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -241,9 +241,7 @@
                 <div
                   class="kl-card-more-icon"
                   @click.stop>
-                  <el-icon>
-                    <IconMore />
-                  </el-icon>
+                  <span class="icon-more"></span>
                 </div>
                 <template #dropdown>
                   <el-dropdown-menu>
@@ -601,7 +599,6 @@ import Upload from '@/components/Upload/index.vue';
 import '@/styles/knowledgeLibrary.scss';
 import {
   IconList,
-  IconMore,
   IconSearch,
   IconThumbnail,
   IconAlarmOrange,
@@ -621,7 +618,7 @@ import CustomLoading from '@/components/CustomLoading/index.vue';
 import { debounce } from 'lodash';
 import KbAppAPI, { ITaskType } from '@/api/kbApp';
 import { QueryKbRequest } from '@/api/apiType';
-import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+import { convertUTCToLocalTime } from '@/utils/convertUTCToLocalTime';
 import FilterContainr from '@/components/TableFilter/index.vue';
 import { defineProps } from 'vue';
 import router from '@/router';
@@ -638,7 +635,7 @@ groupName: {
   type: String
 },
 });
-const { navGroup,curTeamInfo } =  storeToRefs(useGroupStore());
+const { navGroup } =  storeToRefs(useGroupStore());
 const { t } = useI18n();
 const knoledgekeyWord = ref();
 const dialogImportVisible = ref(false);
-- 
Gitee


From 2ade3e22c61d06d37d2353ce40df2afa60cb0580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= <lnlnln629@163.com>
Date: Tue, 3 Jun 2025 16:00:34 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=9A=97=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               |  24 +-
 src/assets/images/empty_pending.svg       |   4 +-
 src/assets/images/empty_running.svg       |   2 +-
 src/assets/svg/more_active.svg            |  13 -
 src/components/CustomLoading/index.vue    |  35 ++-
 src/components/EmptyStatus/index.vue      |   3 +-
 src/components/TableFilter/index.vue      |   4 +-
 src/components/Upload/index.vue           |   3 +-
 src/components/UserHeaderBar/index.vue    |   3 +-
 src/main.ts                               |   1 +
 src/styles/dark.scss                      |   3 -
 src/styles/dataSet.scss                   |  31 ++-
 src/styles/dataSetDrawer.scss             |   1 +
 src/styles/evaluate.scss                  |  30 ++-
 src/styles/grouInfo.scss                  |  10 +-
 src/styles/group.scss                     |  26 +-
 src/styles/headerBar.scss                 |   2 +-
 src/styles/knowledgeFile.scss             |  46 +---
 src/styles/knowledgeFileSection.scss      |  66 ++---
 src/styles/knowledgeForm.scss             |  31 +--
 src/styles/knowledgeLibrary.scss          |  45 +---
 src/styles/libraryInfo.scss               |   1 +
 src/styles/reset.scss                     | 306 +++++++++++++++++-----
 src/styles/theme.scss                     |  36 +++
 src/styles/upload.scss                    |  28 +-
 src/styles/uploadProgress.scss            |   2 +-
 src/views/dataSet/dataSetDrawer.vue       |   2 +-
 src/views/dataSet/index.vue               |   4 +-
 src/views/evaluate/index.vue              |   6 +-
 src/views/evaluate/testCase.vue           | 125 +++++----
 src/views/group/createGroup.vue           |   2 +-
 src/views/group/groupDetail/index.vue     |  27 --
 src/views/group/index.vue                 |   3 +-
 src/views/knowledgeFile/dataSetDialog.vue |   1 -
 src/views/knowledgeFile/documentInfo.vue  |   3 +-
 src/views/knowledgeFile/documentLog.vue   |  33 ++-
 src/views/knowledgeFile/index.vue         |  17 +-
 src/views/knowledgeFileSection/index.vue  |  13 +-
 src/views/knowledgeLibrary/index.vue      |   1 +
 39 files changed, 627 insertions(+), 366 deletions(-)
 delete mode 100644 src/assets/svg/more_active.svg
 create mode 100644 src/styles/theme.scss

diff --git a/src/App.vue b/src/App.vue
index bcef1ab..e5b55fd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <el-config-provider :locale="locales">
     <router-view />
-    <CustomLoading loadingText="下载中" :dark="false" :loading="downLoading" />
+    <CustomLoading loadingText="下载中" :loading="downLoading" />
   </el-config-provider>
 </template>
 
@@ -46,12 +46,26 @@ const handleMessage = (e: MessageEvent) => {
         ElMessage({
           message: '未获取到token数据！',
           type: 'warning',
+          customClass: 'o-message--warning',
         })
       }
+  }else if(e.data?.type === 'changeTheme') {
+    const theme = e.data.theme;
+    if(theme) {
+      document.body.setAttribute('theme', theme);
+      localStorage.setItem('theme-witchiand', theme);
+    } else {
+      ElMessage({
+        message: '未获取到主题数据！',
+        type: 'warning',
+        customClass: 'o-message--warning',
+      });
+    }
   }
 };
 
 onMounted(() => {
+  document.body.setAttribute('theme', localStorage.getItem('theme') || 'light');
   // 监听手动导航
   router.beforeEach((to, from, next) => {
     if (from.name === undefined && to.name) {
@@ -83,6 +97,14 @@ onMounted(() => {
   window.addEventListener('message', handleMessage);
 });
 onUnmounted(() => window.removeEventListener('message', handleMessage));
+
+// 页面加载时应用存储的主题
+document.addEventListener('DOMContentLoaded', () => {
+  const savedTheme = localStorage.getItem('theme-witchiand') || 'light';
+  if (savedTheme) {
+    document.body.setAttribute('theme', savedTheme);
+  }
+});
 </script>
 
 <style lang="scss"></style>
\ No newline at end of file
diff --git a/src/assets/images/empty_pending.svg b/src/assets/images/empty_pending.svg
index 32b734e..7e8824e 100644
--- a/src/assets/images/empty_pending.svg
+++ b/src/assets/images/empty_pending.svg
@@ -38,8 +38,8 @@
 	</g>
 	<path id="路径" d="M254.78 57.14C244.22 51.7 234.88 53.25 237.26 66.35C239.65 79.45 238.52 90.56 228.45 88.75C218.39 86.94 208.33 62.31 206.66 42.64C205 22.97 171.6 -3.76 156.2 11.74C156.2 11.74 151.74 17.23 152.17 27.32" stroke="#6395FD" stroke-opacity="1.000000" stroke-width="0.750000" stroke-dasharray="4 4"/>
 	<path id="路径" d="M219.11 32.67L102.23 32.67L102.23 106.74L157.75 106.74L157.75 119.78L139.81 119.78C139.05 119.78 138.43 120.4 138.43 121.16C138.43 121.93 139.05 122.55 139.81 122.55L181.83 122.55C182.33 122.55 182.78 122.29 183.03 121.86C183.27 121.43 183.27 120.9 183.03 120.47C182.78 120.04 182.33 119.78 181.83 119.78L163.89 119.78L163.89 106.74L219.11 106.74L219.11 32.67Z" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round"/>
-	<rect id="矩形" x="102.232788" y="32.628845" width="116.876968" height="66.156250" fill="#FBFDFF" fill-opacity="1.000000"/>
-	<rect id="矩形" x="102.232788" y="32.628845" width="116.876968" height="66.156250" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000"/>
+	<rect id="矩形" x="102.232788" y="32.628845" width="116.876968" height="66.156250" fill="#FBFDFF" fill-opacity="1.0"/>
+	<rect id="矩形" x="102.232788" y="32.628845" width="116.876968" height="66.156250" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="0"/>
 	<path id="路径" d="M107.59 40.24L214.87 40.24" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round" stroke-linecap="round"/>
 	<rect id="矩形" x="209.852478" y="35.501648" width="1.780126" height="1.794375" fill="#C3CEDF" fill-opacity="1.000000"/>
 	<rect id="矩形" x="206.594910" y="35.501648" width="1.780126" height="1.794375" fill="#C3CEDF" fill-opacity="1.000000"/>
diff --git a/src/assets/images/empty_running.svg b/src/assets/images/empty_running.svg
index a7ca966..02d0c7e 100644
--- a/src/assets/images/empty_running.svg
+++ b/src/assets/images/empty_running.svg
@@ -25,7 +25,7 @@
 		<rect id="矩形" x="251.596313" y="14.038086" width="1.524880" height="1.624650" fill="#E1E4EA" fill-opacity="1.000000"/>
 	</g>
 	<path id="路径" d="M224.6 26.04L105.66 26.04L105.66 105.69L162.16 105.69L162.16 119.72L143.9 119.72C143.12 119.72 142.5 120.39 142.5 121.22C142.5 122.04 143.12 122.71 143.9 122.71L186.68 122.71C187.46 122.71 188.08 122.04 188.08 121.22C188.08 120.39 187.46 119.72 186.68 119.72L168.4 119.72L168.4 105.69L224.6 105.69L224.6 26.04Z" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round"/>
-	<rect id="矩形" x="105.662659" y="25.982544" width="118.940613" height="71.159660" fill="#FBFDFF" fill-opacity="1.000000"/>
+	<rect id="矩形" x="105.662659" y="25.982544" width="118.940613" height="71.159660" fill="#FBFDFF" fill-opacity=""/>
 	<rect id="矩形" x="105.662659" y="25.982544" width="118.940613" height="71.159660" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000"/>
 	<path id="路径" d="M111.11 34.17L220.29 34.17" stroke="#C3CEDF" stroke-opacity="1.000000" stroke-width="1.000000" stroke-linejoin="round" stroke-linecap="round"/>
 	<rect id="矩形" x="215.179321" y="29.072693" width="1.811557" height="1.930084" fill="#B8BCC1" fill-opacity="1.000000"/>
diff --git a/src/assets/svg/more_active.svg b/src/assets/svg/more_active.svg
deleted file mode 100644
index 4158d0b..0000000
--- a/src/assets/svg/more_active.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	<desc>
-			Created with Pixso.
-	</desc>
-	<defs>
-		<clipPath id="clip1336_51778">
-			<rect id="更多_选中" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
-		</clipPath>
-	</defs>
-	<g clip-path="url(#clip1336_51778)">
-		<path id="合并" d="M7.5 12C7.5 12.8277 6.8277 13.5 6 13.5C5.1723 13.5 4.5 12.8277 4.5 12C4.5 11.1723 5.1723 10.5 6 10.5C6.8277 10.5 7.5 11.1723 7.5 12ZM13.5 12C13.5 12.8277 12.8277 13.5 12 13.5C11.1723 13.5 10.5 12.8277 10.5 12C10.5 11.1723 11.1723 10.5 12 10.5C12.8277 10.5 13.5 11.1723 13.5 12ZM18 13.5C18.8277 13.5 19.5 12.8277 19.5 12C19.5 11.1723 18.8277 10.5 18 10.5C17.1723 10.5 16.5 11.1723 16.5 12C16.5 12.8277 17.1723 13.5 18 13.5Z" clip-rule="evenodd" fill="#6395FD" fill-opacity="1.000000" fill-rule="evenodd"/>
-	</g>
-</svg>
diff --git a/src/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue
index 61cad56..f5067e5 100644
--- a/src/components/CustomLoading/index.vue
+++ b/src/components/CustomLoading/index.vue
@@ -4,7 +4,7 @@
     v-loading="loading"
     :class="loading ? 'customLoading' : 'loadingNone'"
     :element-loading-text="loadingText || `${$t('pageTipText.Loading')}...`"
-    :element-loading-background="dark?'rgba(122, 122, 122, 0.5)':'rgba(255, 255, 255, 0.7)'"></div>
+    :element-loading-background="backgroundColor"></div>
 </template>
 <script lang="ts" setup>
 import { defineProps } from 'vue';
@@ -16,10 +16,35 @@ defineProps({
   loadingText: {
     type: String
   },
-  dark:{
-    type: Boolean,
-    default: true,
-    required: false,
+});
+
+const backgroundColor = ref('rgba(122,122,122,0.1)');
+
+const updateBackgroundColor = () => {
+  const isDark = document.body.getAttribute('theme') === 'dark';
+  backgroundColor.value = isDark ? 'var(--o-bg-color-mask)' : 'rgba(122,122,122,0.1)';
+};
+
+// 使用 MutationObserver 监听 theme 属性的变化
+let observer: MutationObserver | null = null;
+
+onMounted(() => {
+  updateBackgroundColor(); // 初始化背景色
+
+  observer = new MutationObserver(() => {
+    updateBackgroundColor();
+  });
+
+  observer.observe(document.body, {
+    attributes: true, // 监听属性变化
+    attributeFilter: ['theme'], // 只监听 theme 属性
+  });
+});
+
+onBeforeUnmount(() => {
+  if (observer) {
+    observer.disconnect(); // 停止监听
+    observer = null;
   }
 });
 </script>
diff --git a/src/components/EmptyStatus/index.vue b/src/components/EmptyStatus/index.vue
index 7908412..e3f1864 100644
--- a/src/components/EmptyStatus/index.vue
+++ b/src/components/EmptyStatus/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-empty :description="description">
+  <el-empty :description="description" :image="empty_pending">
     <el-button
       v-if="showButton"
       type="primary"
@@ -14,6 +14,7 @@
 
 <script setup lang="ts">
 import i18n from '@/lang'; // 引入国际化模块
+import empty_pending from '@/assets/svg/taskEmpty.svg';
 
 interface Props {
   // 空状态描述文本
diff --git a/src/components/TableFilter/index.vue b/src/components/TableFilter/index.vue
index 13b2ace..b4b6258 100644
--- a/src/components/TableFilter/index.vue
+++ b/src/components/TableFilter/index.vue
@@ -176,7 +176,7 @@ const hanldeSearhNameFilter = () => {
 <style lang="scss">
 .isChcekHover {
   .el-checkbox__label {
-    color: rgb(255 255 255) !important;
+    color: rgb(255 255 255) ;
   }
 
   .el-checkbox__inner {
@@ -213,7 +213,7 @@ const hanldeSearhNameFilter = () => {
 }
 
 .filterPopper {
-  border: 1px solid #0077ff !important;
+  border: 1px solid rgb(99, 149, 253) !important;
 }
 
 .inputSearchFilterPopper {
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 2b1248b..898e2ab 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -20,7 +20,8 @@
           <el-button
             @click="batchDelete()"
             :disabled="multipleSelection.length === 0"
-            class="delFileBtn cancelBtn">
+            class="delFileBtn cancelBtn"
+            >
             {{ $t('btnText.batchDelete') }}
           </el-button>
         </div>
diff --git a/src/components/UserHeaderBar/index.vue b/src/components/UserHeaderBar/index.vue
index 52b5c60..68f3985 100644
--- a/src/components/UserHeaderBar/index.vue
+++ b/src/components/UserHeaderBar/index.vue
@@ -24,12 +24,13 @@ import '@/styles/headerBar.scss';
   .knowledge-welcome-text {
     margin-top: 56px;
     margin-bottom: 24px;
+    color: var(--o-text-color-primary);
   }
 
   .knowledge-show-text {
     font-size: 16px;
     line-height: 21px;
-    color: rgb(78 88 101);
+    color: var(--o-text-color-secondary);
   }
 }
 </style>
diff --git a/src/main.ts b/src/main.ts
index 788c581..ae30564 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -17,6 +17,7 @@ import 'virtual:svg-icons-register';
 import 'element-plus/theme-chalk/dark/css-vars.css';
 import '@/styles/index.scss';
 import 'uno.css';
+import '@/styles/theme.scss';
 import 'animate.css';
 import router from './router';
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
diff --git a/src/styles/dark.scss b/src/styles/dark.scss
index 57c9869..ae1218b 100644
--- a/src/styles/dark.scss
+++ b/src/styles/dark.scss
@@ -15,7 +15,4 @@ html.dark {
     background: var(--el-input-bg-color) !important;
   }
 
-  .el-input__inner {
-    color: white !important;
-  }
 }
diff --git a/src/styles/dataSet.scss b/src/styles/dataSet.scss
index 7b6e596..68bbd90 100644
--- a/src/styles/dataSet.scss
+++ b/src/styles/dataSet.scss
@@ -74,7 +74,7 @@
         margin-bottom: 8px;
         font-size: 12px;
         font-weight: 600;
-        color: rgb(0 0 0);
+        color: var(--o-text-color-primary);
       }
 
       .item-info {
@@ -262,7 +262,7 @@
     align-items: center;
 
     .searchIconIsActive {
-      color: #0077ff !important;
+      color: rgb(99, 149, 253) !important;
     }
 
     .el-icon {
@@ -271,7 +271,7 @@
     }
 
     .el-icon:hover {
-      color: #0077ff;
+      color: rgb(99, 149, 253);
     }
 
     svg {
@@ -280,7 +280,7 @@
     }
   }
   .dataSet-name-row{
-    color: #0077ff;
+    color: rgb(99, 149, 253);
     cursor: pointer;
   }
   .statusFail,
@@ -292,7 +292,7 @@
     padding: 0px 8px;
     font-size: 12px;
     line-height: 16px;
-    color: rgb(255 255 255);
+    color: rgb(255 255 255) !important;
     text-align: center;
     border-radius: 2px;
     font-weight: 500;
@@ -355,14 +355,14 @@
     .el-progress__text {
       width: 24px;
       min-width: 18px;
-      color: rgb(0 0 0);
+      color: var(--o-text-color-primary);
     }
 
     .statusGenerateText {
       font-size: 12px;
       font-family: 'HarmonyOS Sans SC Medium';
       margin-left: 2px;
-      color: rgb(0 0 0);
+      color: var(--o-text-color-primary);
     }
   }
   .el-table__body-wrapper {
@@ -453,4 +453,21 @@
   }
 
   
+}
+.el-dropdown-menu {
+  padding: 4px 0 !important;
+  .el-dropdown-menu__item {
+    font-size: 12px !important;
+  }
+}
+
+.el-message-box .el-message-box__btns .el-button-confirm{
+  background-color: var(--o-button-bg-color) !important;
+  color: var(--o-text-color-secondary) !important;
+  border-color: var(--o-button-border-color) !important;
+  &:hover{
+    background-color: var(--o-button-bg-color-hover) !important;
+    color: var(--o-button-color_hover) !important;
+  border-color: var(--o-button-border-color_hover) !important;
+}
 }
\ No newline at end of file
diff --git a/src/styles/dataSetDrawer.scss b/src/styles/dataSetDrawer.scss
index 0c64811..c6ef29a 100644
--- a/src/styles/dataSetDrawer.scss
+++ b/src/styles/dataSetDrawer.scss
@@ -59,6 +59,7 @@
 
         .dataSetInfoTitle{
             font-size: 14px;
+            color: var(--o-text-color-primary);
         }
 
         .dataSetInfoContent{
diff --git a/src/styles/evaluate.scss b/src/styles/evaluate.scss
index e9a8e9f..739c1ad 100644
--- a/src/styles/evaluate.scss
+++ b/src/styles/evaluate.scss
@@ -27,15 +27,10 @@
 
             .dropdown-disabled {
                 cursor: not-allowed;
-                border: 1px solid rgb(191, 199, 215) !important;
-                background-color: rgb(235, 237, 243);
-                color: rgb(191, 199, 215) !important;
 
                 &:hover,
                 :active {
                     cursor: not-allowed;
-                    background-color: rgb(235, 237, 243);
-                    color: rgb(191, 199, 215) !important;
                 }
             }
 
@@ -62,7 +57,7 @@
         align-items: center;
 
         .searchIconIsActive {
-            color: #0077ff !important;
+            color: rgb(99, 149, 253) !important;
         }
 
         .el-icon {
@@ -71,7 +66,7 @@
         }
 
         .el-icon:hover {
-            color: #0077ff;
+            color: rgb(99, 149, 253);
             cursor: pointer;
         }
 
@@ -88,7 +83,7 @@
     }
 
     .test-name {
-        color: rgb(99, 149, 253);
+        color: rgb(99, 149, 253) !important;
         font-size: 12px;
         font-weight: 500;
         cursor: pointer;
@@ -111,14 +106,14 @@
         .el-progress__text {
             width: 24px;
             min-width: 18px;
-            color: rgb(0 0 0);
+            color: var(--o-text-color-primary);
         }
 
         .statusAnalysisText {
             font-size: 12px;
             font-family: 'HarmonyOS Sans SC Medium';
             margin-left: 2px;
-            color: rgb(0 0 0);
+            color: var(--o-text-color-primary);
         }
     }
 
@@ -131,7 +126,7 @@
         padding: 0px 8px;
         font-size: 12px;
         line-height: 16px;
-        color: rgb(255 255 255);
+        color: rgb(255 255 255) !important; 
         text-align: center;
         border-radius: 2px;
         font-weight: 500;
@@ -154,6 +149,14 @@
         background: rgb(250, 192, 84);
     }
 
+    .test-manage-btns{
+        button{
+            border: unset;
+        }
+        .el-button--text:not(.is-disabled)>span{
+            color: rgb(99, 149, 253);
+        }
+    }
 
     .el-table__body {
         width: 100% !important;
@@ -166,7 +169,6 @@
     .el-table__cell {
         padding: 0 !important;
         font-size: 12px;
-        color: black;
     }
 
     .el-table--border .el-table__cell:first-child .cell {
@@ -214,7 +216,7 @@
                     color: rgb(78,88,101);
                 }
                 .evaluate-dataSetName{
-                    color: black;
+                    color: var(--o-primary-color);
                 }
                 
             }
@@ -235,7 +237,7 @@
     }
 }
 .el-select__popper .el-select-dropdown__list{    
-    background-color: white;               
+    // background-color: white;               
     .el-select-dropdown__item{
         display: flex;
         align-items: center;
diff --git a/src/styles/grouInfo.scss b/src/styles/grouInfo.scss
index 7bae018..bc256d1 100644
--- a/src/styles/grouInfo.scss
+++ b/src/styles/grouInfo.scss
@@ -1,5 +1,6 @@
 .group-info {
     padding: 24px;
+    background-color: var(--o-bg-color-dark);
 
     .group-info-title {
         display: flex;
@@ -17,6 +18,7 @@
                 height: 16px;
                 font-size: 12px;
                 line-height: 16px;
+                color: rgb(99, 149, 253);
                 .last-name{
                     text-overflow: ellipsis;
                     max-width: 130px;
@@ -31,6 +33,7 @@
                 font-weight: 700;
                 display: flex;
                 line-height: 16px;
+                color: var(--o-text-color-primary);
                 .last-name{
                     margin-left: 4px;
                     text-overflow: ellipsis;
@@ -52,7 +55,7 @@
         .group-mid-menu {
             width: 400px;
             height: 32px;
-            background-color: white;
+            background-color: var(--o-bg-color-base);
             display: flex;
             border-radius: 4px;
             position: absolute;
@@ -69,6 +72,7 @@
                 font-weight: 700;
                 margin: 2px ;
                 cursor: pointer;
+                color: var(--o-text-color-primary);
             }
 
             .section-active {
@@ -81,9 +85,9 @@
     }
     .group-info-content{
         width: 100%;
-        height: calc(100vh - 100px);
+        height: calc(100vh - 80px);
         border-radius: 8px;
-        background-color: rgb(253,254,255);
+        background-color: var(--o-bg-color-base);
         margin-top: 16px;
         padding: 24px;
        
diff --git a/src/styles/group.scss b/src/styles/group.scss
index bd37803..4a0a2ca 100644
--- a/src/styles/group.scss
+++ b/src/styles/group.scss
@@ -1,8 +1,8 @@
 .group-container {
     width: 100%;
-    height: calc(100vh - 304px);
+    height: calc(100vh - 300px);
     padding: 0 24px;
-    background: rgb(239 239 239);
+    background: var(--o-bg-color-dark);
     min-width: 820px;
 
     .group-box {
@@ -12,7 +12,7 @@
         width: 100%;
         height: calc(100vh - 304px);
         overflow-y: auto;
-        background: rgb(253 254 255);
+        background: var(--o-bg-color-base);
         border-radius: 4px;
         transform: translateY(-40px);
         .el-tabs--border-card{
@@ -56,7 +56,7 @@
                         align-items: center;
                         width: 64px;
                         height: 32px;
-                        border: 1px solid rgb(195 206 223);
+                        border: 1px solid var(--o-border-color-light);
                         border-radius: 4px;
                         overflow: hidden;
     
@@ -112,7 +112,7 @@
                           width: 339px;
                           height: 124px;
                           border-radius: 8px;
-                          background-color: rgb(244, 246, 250);
+                          background-color: var(--o-bg-color-light);
                           padding: 16px;
                           cursor: pointer;
 
@@ -124,6 +124,7 @@
                               font-size: 16px;
                               font-weight: 700;
                               line-height: 24px;
+                              color: var(--o-text-color-primary);
                             }
 
                             .card-type {
@@ -150,7 +151,7 @@
                             height: 32px;
                             font-size: 12px;
                             line-height: 16px;
-                            color: rgb(78, 88, 101);
+                            color: var(--o-text-color-secondary);
                             margin: 6px 0 14px;
                             overflow: hidden;
                             display: -webkit-box;
@@ -167,7 +168,7 @@
     
                             .info {
                                 font-size: 12px;
-                                color: rgb(141, 152, 170);
+                                color: var(--o-text-color-tertiary);
                                 line-height: 32px;
                                 .member-count{
                                   margin-left: 16px;
@@ -215,7 +216,7 @@
                     }
                 
                     .group-name-row {
-                      color: #0077ff;
+                      color: rgb(99 149 253);
                       font-size: 12px;
                       font-weight: 500;
                       cursor: pointer;
@@ -286,6 +287,15 @@
               padding: 16px 24px 0 !important;
               background-color: var(--o-bg-color-base);
             }
+            .el-tabs__header{
+              background-color: var(--o-bg-color-light) !important;
+              border-bottom: 1px solid var(--o-border-color-base) !important;
+            }
+            
+            .el-tabs__header .el-tabs__item,.el-tabs__item.is-active{
+              background-color: var(--o-bg-color-light) !important;
+              border: 1px solid var(--o-border-color-base) !important;
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/src/styles/headerBar.scss b/src/styles/headerBar.scss
index d69f583..afc65b3 100644
--- a/src/styles/headerBar.scss
+++ b/src/styles/headerBar.scss
@@ -48,7 +48,7 @@
 .user-platform-header {
   width: 100%;
   height: 300px;
-  background: url('/src/assets/images/userHeader.jpeg') center/101% 100%;
+  background: var(--o-main-bg);
 }
 
 .page-platform-header {
diff --git a/src/styles/knowledgeFile.scss b/src/styles/knowledgeFile.scss
index 89356ba..903e178 100644
--- a/src/styles/knowledgeFile.scss
+++ b/src/styles/knowledgeFile.scss
@@ -74,12 +74,13 @@
     .kf-container-right {
       flex: 1;
       min-width: 700px;
-      background: rgb(254 254 254);
+      background: var(--o-bg-color-base);
       border-radius: 4px;
 
       .kf-container-table-ops {
         display: flex;
         justify-content: space-between;
+        background-color: var(--o-bg-color-base);
         .kf-container-table-ops-left{
           display: flex;
           margin-bottom: 16px;
@@ -118,6 +119,7 @@
         height: calc(100% - 56px);
         display: flex;
         flex-direction: column;
+        background-color: var(--o-bg-color-base);
         tbody {
           td {
             border-right: unset !important;
@@ -138,7 +140,7 @@
       }
 
       .kf-name-row {
-        color: #0077ff;
+        color: rgb(99, 149, 253);
         font-size: 12px;
         font-weight: 500;
         cursor: pointer;
@@ -209,7 +211,7 @@
         padding: 0px 8px;
         font-size: 12px;
         line-height: 16px;
-        color: rgb(255 255 255);
+        color: rgb(255 255 255) !important;
         text-align: center;
         border-radius: 2px;
         font-weight: 500;
@@ -269,7 +271,7 @@
         .el-progress__text {
           width: 24px;
           min-width: 18px;
-          color: rgb(0 0 0);
+          color: var(--o-text-color-primary);
         }
 
         .statusAnalysisText {
@@ -277,7 +279,7 @@
           font-family: 'HarmonyOS Sans SC Regular';
           font-weight: 500;
           margin-left: 2px;
-          color: rgb(0 0 0);
+          color: var(--o-text-color-primary);
         }
       }
 
@@ -304,7 +306,7 @@
         gap: 4px;
         align-items: center;
         .searchIconIsActive {
-          color: #0077ff !important;
+          color: rgb(99, 149, 253) !important;
         }
 
         .el-icon {
@@ -313,7 +315,7 @@
         }
 
         .el-icon:hover {
-          color: #0077ff;
+          color: rgb(99, 149, 253);
         }
 
         svg {
@@ -330,7 +332,6 @@
           box-sizing: border-box;
           width: 100% !important;
           background: #fefefe !important;
-          border: 1px solid #07f !important;
 
           .el-select-dropdown {
             width: 100% !important;
@@ -352,12 +353,10 @@
           .el-textarea__inner {
             width: 400px !important;
             font-size: 12px;
-            color: var(--o-color-black);
           }
 
           .el-input__inner {
             font-size: 12px;
-            color: var(--o-color-black);
           }
 
           .el-textarea__inner {
@@ -417,16 +416,6 @@
     overflow-y: auto;
     padding-top: 24px !important;
     padding-left: 16px !important;
-    .is-focused,
-    .el-select__selected-item {
-      span {
-        color: #000000 !important;
-      }
-    }
-
-    .el-input__inner {
-      color: #000000 !important;
-    }
 
     .el-form-item .is-disabled span {
       color: rgb(191, 199, 215) !important;
@@ -443,18 +432,6 @@
   }
 }
 
-.upload-dialog {
-  width: 560px;
-  padding: 0 !important;
-}
-.upload-drag {
-  color: rgb(78, 88, 101);
-  font-size: 12px;
-}
-.upload-tip-text {
-  width: 480px;
-}
-
 .chooseFileBtn {
   padding: 4px 8px;
 }
@@ -537,8 +514,6 @@
     top: 44px !important;
     box-sizing: border-box;
     width: 100% !important;
-    background: #fefefe !important;
-    border: 1px solid #07f !important;
 
     .el-select-dropdown {
       width: 100% !important;
@@ -556,6 +531,7 @@
     display: flex;
     gap: 17.5px;
     align-items: center;
+    color: var(--o-text-color-secondary);
   }
 
   .iconAlarmOrange {
@@ -565,7 +541,7 @@
     }
   }
 }
-.cancel-analytic-dialog{
+.cancel-analytic-dialog,.del-dialog {
   padding: 0px;
   .tip-ops-btn{
     display: flex;
diff --git a/src/styles/knowledgeFileSection.scss b/src/styles/knowledgeFileSection.scss
index 770f934..1f079d8 100644
--- a/src/styles/knowledgeFileSection.scss
+++ b/src/styles/knowledgeFileSection.scss
@@ -46,13 +46,14 @@
       flex-direction: column;
       gap: 16px;
       width: 314px;
-      background: rgb(254 254 254);
+      background: var(--o-bg-color-base);
       border-top-left-radius: 4px;
       border-bottom-left-radius: 4px;
       box-shadow: iniset -1px 0 0 0 rgb(223 229 239);
 
       .kf-section-info-title {
         font-size: 16px;
+        color: var(--o-text-color-primary);
         font-weight: 700;
       }
 
@@ -62,12 +63,13 @@
         .kf-section-info-label {
           width: 101px;
           font-size: 12px;
-          color: rgb(78 88 101);
+          color: var(--o-text-color-secondary);
         }
 
         .kf-section-info-content {
           max-width: 145px;
           font-size: 12px;
+          color: var(--o-text-color-primary);
         }
       }
     }
@@ -77,7 +79,7 @@
       min-width: 700px;
       height: 100%;
       overflow: hidden;
-      background: rgb(254 254 254);
+      background: var(--o-bg-color-base);
       border-top-right-radius: 4px;
       border-bottom-right-radius: 4px;
 
@@ -92,6 +94,7 @@
       }
 
       .kf-section-container-table-ops {
+        color: var(--o-text-color-primary);
         display: flex;
         gap: 24px;
         margin-bottom: 8px;
@@ -108,8 +111,9 @@
             height: 32px;
             box-sizing: border-box;
             padding: unset !important;
-            background: white !important;
+            background: var(--o-bg-color-base) !important;
             border-color: blue;
+            box-shadow: unset;
           }
           .el-input__wrapper {
             width: 280px;
@@ -145,7 +149,7 @@
         }
 
         .el-scrollbar .el-scrollbar__bar .el-scrollbar__thumb {
-          background: #c3cedf !important;
+          background: rgb(195, 206, 223) !important;
           opacity: 1;
         }
 
@@ -183,6 +187,9 @@
             width: 24px !important;
           }
         }
+        & thead tr th{
+          background-color: var(--o-bg-color-base) !important;
+        }
         .kf-selection {
           border-bottom: unset;
 
@@ -192,7 +199,6 @@
             padding-left: 0 !important;
           }
         }
-
         col[name='el-table_1_column_1'] {
           width: 24px !important;
         }
@@ -230,8 +236,8 @@
 
         .kf-selection {
           width: 46px !important;
-          border-top: 1px solid rgb(223 229 239);
-          border-left: 1px solid rgb(223 229 239);
+          border-top: 1px solid var(--o-border-color-base);
+          border-left: 1px solid var(--o-border-color-base);
           border-top-left-radius: 4px;
           border-bottom-left-radius: 4px;
 
@@ -251,35 +257,36 @@
           font-size: 12px;
           line-height: 16px;
           border-radius: 2px;
+          min-width: 40px;
         }
         .text-type-text {
-          color: rgb(0, 119, 255);
-          background-color: rgb(184, 217, 255);
+          color: var(--o-tag-text-color);
+          background-color: var(--o-tag-text-bg);
         }
         .text-type-table {
-          background-color: rgb(194, 231, 199);
-          color: rgb(36, 171, 54);
+          color: var(--o-tag-table-color);
+          background-color: var(--o-tag-table-bg);
         }
         .text-type-image {
-          background-color: rgb(253, 217, 188);
-          color: rgb(249, 118, 17);
+          color: var(--o-tag-image-color);
+          background-color: var(--o-tag-image-bg);
         }
         .text-type-link {
-          background-color: rgba(61,182,252, 0.3);
-          color: rgb(61,182,252);
+          color: var(--o-tag-link-color);
+          background-color: var(--o-tag-link-bg);
         }
         .text-type-code {
-          background-color: rgba(189,69,232,0.3);
-          color: rgb(189,69,232);
+          color: var(--o-tag-code-color);
+          background-color: var(--o-tag-code-bg);
         }
         .text-type-qa {
-          background-color: rgb(249,236,184);
-          color: rgb(235,175,0);
+          color: var(--o-tag-qa-color);
+          background-color: var(--o-tag-qa-bg);
         }
         .kf-file-content {
           margin-top: 20px;
-          border-top: 1px solid rgb(223 229 239);
-          border-right: 1px solid rgb(223 229 239);
+          border-top: 1px solid var(--o-border-color-base);
+          border-right: 1px solid var(--o-border-color-base);
           border-top-right-radius: 4px;
           border-bottom-right-radius: 4px;
 
@@ -296,9 +303,14 @@
             display: flex;
             gap: 16px;
             justify-content: space-between;
+            align-items: flex-start;
 
             .kf-file-content-text {
+              display: flex;
               padding: 16px 0;
+              .text-type-text,.text-type-tag{
+                display: inline-block;
+              }
               .highlighted-term {
                 display: inline-block;
                 background: rgb(235, 175, 0);
@@ -348,10 +360,6 @@
         left: calc(100% - 13px) !important;
       }
     }
-
-    .kf-batch-ops {
-      width: 72px;
-    }
   }
 
   .kf-section-name {
@@ -370,7 +378,6 @@
 }
 
 .kf-section-ops-dowlon {
-  width: 72px;
 
   .el-dropdown-menu__item {
     font-size: 12px;
@@ -419,9 +426,8 @@
   width: 120px !important;
   min-width: unset !important;
   transform: translateY(-10px);
-  background: white !important;
-  border: 1px solid #0077ff !important;
   padding: 4px 16px !important;
+  background-color: var(--o-bg-color-base) !important;
   .el-checkbox {
     position: relative;
   }
@@ -476,7 +482,7 @@
 }
 .filteTypeShowClass {
   border-radius: 2px;
-  border: 1px solid #0077ff;
+  border: 1px solid rgb(99, 149, 253);
   .fileCheckTypeContent {
     transform: translateY(-1px);
     span {
diff --git a/src/styles/knowledgeForm.scss b/src/styles/knowledgeForm.scss
index cb37fb4..741a45a 100644
--- a/src/styles/knowledgeForm.scss
+++ b/src/styles/knowledgeForm.scss
@@ -18,7 +18,7 @@
     }
 
     .deleteConfig:hover {
-      color: #0077ff;
+      color: rgb(99, 149, 253);
     }
   }
 }
@@ -30,7 +30,7 @@
     top: 44px !important;
     box-sizing: border-box;
     width: 100% !important;
-    background: #fefefe !important;
+    border: 1px solid var(--o-select-popper-padding) !important;
 
     .el-select-dropdown {
       width: 100% !important;
@@ -46,44 +46,23 @@
       display: unset !important;
     }
 
-    .is-focused,
-    .el-select__selected-item {
-      span {
-        color: #000000 !important;
-      }
-    }
-
     .is-disabled {
       span {
         color: rgb(191, 199, 215) !important;
       }
     }
 
-    .el-input__inner {
-      color: #000000 !important;
-    }
-
     .is-transparent {
       span {
         color: #a8abb2 !important;
       }
     }
 
-    .is-focused {
-      span {
-        color: #000000 !important;
-      }
-    }
-
     .removeIsTrans {
       span {
         color: #a8abb2 !important;
       }
     }
-
-    .el-textarea__inner {
-      color: #000000 !important;
-    }
   }
 
   .config-size {
@@ -123,12 +102,10 @@
     .el-textarea__inner {
       width: 320px !important;
       font-size: 12px;
-      color: var(--o-color-black);
     }
 
     .el-input__inner {
       font-size: 12px;
-      color: var(--o-color-black);
     }
 
     .el-textarea__inner {
@@ -223,8 +200,6 @@
 
 .analyticMethodSelect {
   box-sizing: border-box;
-  background: #fefefe !important;
-  border-color: #07f !important;
   .el-select-dropdown {
     width: 100% !important;
     max-width: unset !important;
@@ -355,7 +330,7 @@
     transform: rotateZ(180deg);
   }
   .copydocument:hover {
-    color: #0077ff;
+    color: rgb(99, 149, 253);
   }
 }
 
diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss
index 80a7fac..b6596c3 100644
--- a/src/styles/knowledgeLibrary.scss
+++ b/src/styles/knowledgeLibrary.scss
@@ -17,7 +17,7 @@
       height: 24px;
       font-size: 16px;
       line-height: 24px;
-      color: rgb(0, 0, 0);
+      color: var(--o-text-color-primary);
       font-weight: 700;
     }
 
@@ -57,14 +57,6 @@
           margin-right: 8px;
           .dropdown-disabled{
             cursor: not-allowed;
-            border: 1px solid rgb(191, 199, 215) !important ;
-            background-color: rgb(235,237,243);
-            color: rgb(191, 199, 215) !important;
-            &:hover,:active{
-              cursor: not-allowed;
-              background-color: rgb(235,237,243);
-              color: rgb(191, 199, 215) !important;
-            }
           }
           
         }
@@ -119,7 +111,7 @@
           align-items: center;
           width: 64px;
           height: 32px;
-          border: 1px solid rgb(195 206 223);
+          border: 1px solid var(--o-border-color-light);
           border-radius: 4px;
           overflow: hidden;
 
@@ -169,7 +161,7 @@
         flex-direction: column;
         height: 232px;
         padding: 16px;
-        background: rgb(244 246 250);
+        background: var(--o-bg-color-light);
         border-radius: 8px;
         border: 1px solid transparent;
         cursor: pointer;
@@ -189,6 +181,7 @@
             font-size: 16px;
             font-weight: 700;
             line-height: 24px;
+            color: var(--o-text-color-primary);
           }
           .el-checkbox{
             height: 20px;
@@ -230,7 +223,7 @@
           font-size: 12px;
           line-height: 16px;
           letter-spacing: 0px;
-          color: rgb(78,88,101);
+          color: var(--o-text-color-secondary);
           height: 112px;
           width: 396px;
         }
@@ -239,7 +232,7 @@
           display: flex;
           gap: 16px;
           align-items: center;
-          color: rgb(141 152 170);
+          color: var(--o-text-color-tertiary);
           width: 100%;
           font-size: 12px;
 
@@ -353,7 +346,7 @@
     }
 
     .kl-name-row {
-      color: #0077ff;
+      color: rgb(99, 149, 253);
       font-size: 12px;
       font-weight: 500;
       cursor: pointer;
@@ -471,7 +464,7 @@
         margin-bottom: 8px;
         font-size: 12px;
         font-weight: 600;
-        color: rgb(0 0 0);
+        color: var(--o-text-color-primary);
       }
 
       .item-info {
@@ -636,20 +629,6 @@
   }
 }
 
-.upload-dialog {
-  width: 560px;
-  padding: 0 !important;
-}
-
-.upload-drag {
-  color: rgb(78, 88, 101);
-  font-size: 12px;
-}
-
-.upload-tip-text {
-  width: 480px;
-}
-
 .chooseFileBtn {
   padding: 4px 8px;
 }
@@ -659,6 +638,7 @@
     display: flex;
     gap: 17px;
     align-items: center;
+    color: var(--o-text-color-secondary);
   }
 
   .iconAlarmOrange {
@@ -680,6 +660,7 @@
 
   .delTip {
     height: 24px !important;
+    color: var(--o-text-color-secondary);
   }
 }
 
@@ -689,7 +670,7 @@
   align-items: center;
 
   .searchIconIsActive {
-    color: #0077ff !important;
+    color: rgb(99, 149, 253) !important;
   }
 
   .el-icon {
@@ -698,7 +679,7 @@
   }
 
   .el-icon:hover {
-    color: #0077ff;
+    color: rgb(99, 149, 253);
   }
 
   svg {
@@ -728,7 +709,7 @@
 }
 
 .searchIconIsActive {
-  color: #0077ff !important;
+  color: rgb(99, 149, 253) !important;
 }
 
 .delToolTip {
diff --git a/src/styles/libraryInfo.scss b/src/styles/libraryInfo.scss
index 1ed9bc4..cec7066 100644
--- a/src/styles/libraryInfo.scss
+++ b/src/styles/libraryInfo.scss
@@ -75,6 +75,7 @@
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
+ color: var(--o-text-color-primary);
 }
  .library-info-tabs{
  }
\ No newline at end of file
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 9ba414a..be9d6ad 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -123,41 +123,91 @@ $newHoverBg: linear-gradient(
 /**
  * 重置按钮背景及边框颜色样式
  */
-.el-button {
-  &:hover {
-    color: #5d7dffc0 ;
-    border-color: #5d7dffc0 ;
+
+.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
+  background-color: var(--o-button-bg-color_disabled) !important;
+  background-image: none;
+  border-color: var(--o-button-border-color_disabled) !important;
+  cursor: not-allowed;
+}
+.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover {
+  background-color: var(--o-button-bg-color_primary_disabled) !important;
+  background-image: none;
+  border-color: var(--o-button-border-color_primary_disabled) !important;
+  color: var(--o-text-color-fourth) !important;
+  cursor: not-allowed;
+}
+.el-dropdown:not(.is-disabled) .el-button {
+  background-color: var(--o-button-bg-color) !important;
+  border-color: var(--o-button-border-color) !important;
+  color: var(--o-text-color-primary) !important;
+  &:hover,&:active,&:focus{
+    border-color: var(--o-button-bg) !important;
+    color: var(--o-button-bg) !important;
   }
 }
-.el-button--primary,
-.bgThumb {
-  border-color: #c7d2fbc0 !important;
-  &:hover {
-    color: white !important;
-    border-color: #c7d2fbc0 !important;
+.el-dropdown.is-disabled .el-button {
+  color: var(--o-button-color_disabled) !important;
+  background-color: var(--o-button-bg-color_disabled) !important;
+  border-color: var(--o-button-border-color_disabled) !important;
+  &:hover,&:focus{
+    border-color: var(--o-button-border-color_disabled) !important;
+    color: var(--o-button-color_disabled) !important;
+  }
+}
+
+.el-button:not(.is-disabled){
+  background-color: var(--o-button-bg-color);
+  border-color: var(--o-button-border-color) !important;
+  color: var(--o-text-color-primary) !important;
+  &:hover{
+    border-color: var(--o-button-bg) !important;
+    color: var(--o-button-bg) !important;
   }
 }
 
-.el-button--primary {
-  background: rgb(99 149 253) !important;
+.el-button.is-text:not(.is-disabled):hover{
+  background-color: var(--o-button-bg-color) !important;
 }
-.el-button--primary.is-disabled{
-  background-color: rgb(179 203 255) !important;
-  color: rgb(255 255 255) !important;
+.el-button.is-text>span{
+  color: var(--o-button-bg) !important;
 }
 
-  .el-button.is-disabled, .el-button.is-disabled:hover {
-    background-color: #ebedf3 !important;
-    background-image: none;
-    border-color: unset !important;
-    color: var(--o-button-color_disabled) !important;
-    cursor: not-allowed;
+.el-button--primary:not(.is-disabled){
+  background-color: var(--o-button-bg) !important;
+  border-color: var(--o-button-bg) !important;
+  color: white !important;
+  &:hover,&:focus{
+    color: white !important;
+    background-color: rgba(99, 149, 253,0.9) !important;
+    border-color: var(--o-button-bg) !important;
   }
+}
 
-.el-dropdown.is-disabled .el-button {
+.el-button.is-text.is-disabled>span{
   color: var(--o-button-color_disabled) !important;
-  background-color: var(--o-button-bg-color_disabled) !important;
-  border-color: var(--o-button-border-color_disabled) !important;
+}
+
+.el-input-number__decrease, .el-input-number__increase{
+  background-color: unset !important;
+}
+
+.dropdown-container {
+  margin-top: -10px;
+  border-color: var(--o-button-bg) !important;
+  border-radius: var(--el-border-radius-base) !important;
+
+  .el-dropdown-menu{
+    background-color:  var(--o-bg-color-base) !important;
+    .el-dropdown-menu__item{
+      color: var(--o-text-color-primary) !important;
+    }
+  }
+
+  .el-dropdown-menu__item:not(.is-disabled):hover {
+    color: rgb(255 255 255) !important;
+    background: var(--o-button-bg);
+  }
 }
 
 *,
@@ -206,9 +256,11 @@ div:focus {
   border: 0;
   opacity: 1;
 }
-
+.el-scrollbar{
+  background-color: var(--o-bg-color-base) !important;
+}
 .el-scrollbar .el-scrollbar__bar .el-scrollbar__thumb {
-  background: #c3cedf !important;
+  background: rgb(195, 206, 223) !important;
   opacity: 1;
 }
 
@@ -221,42 +273,34 @@ div:focus {
 }
 .el-dialog{
   border-radius: 8px !important;
+  background-color: var(--o-bg-dialog) !important;
 }
 .el-dialog__header {
   .el-dialog__title {
     font-size: 16px;
     font-weight: 700;
-    color: rgb(0 0 0);
+    color: var(--o-text-color-primary) !important;
   }
 }
 
-.dropdown-container {
-  margin-top: -10px;
-  border-color: rgb(99 149 253) !important;
-
-  .el-dropdown-menu__item:not(.is-disabled):hover {
-    color: rgb(255 255 255);
-    background: rgb(122 165 255);
+.el-table tbody tr {
+  background-color: var(--o-bg-color-base) !important;
+  &:hover>td {
+    background-color: var(--o-bg-color-base) !important;
   }
 }
-
 .el-table__header thead tr th {
-  background-color: #f4f6fa !important;
+  background-color: var(--o-bg-color-light) !important;
 }
-
-.el-button:focus-visible {
-  outline: unset !important;
+.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
+  border-bottom:1px solid var(--o-border-color-light) !important;
 }
-
-.el-textarea__inner,
-.el-input__wrapper,
-.el-select__wrapper {
-  padding: 8px 16px !important;
+.el-table td.el-table__cell div{
+  color: var(--o-text-color-primary);
 }
 
-.el-input__wrapper,
-.el-select__wrapper {
-  height: 32px !important;
+.el-button:focus-visible {
+  outline: unset !important;
 }
 
 .el-table__column-filter-trigger {
@@ -277,11 +321,6 @@ div:focus {
     }
   }
 
-  .el-checkbox__inner::before {
-    // top: 4.5px !important;
-    // width: 13px !important;
-  }
-
   .el-checkbox__label {
     width: 120px;
     font-size: 12px;
@@ -291,12 +330,6 @@ div:focus {
     color: rgb(78 88 101);
   }
 
-  .el-checkbox__inner {
-    box-sizing: border-box;
-    border-color: rgb(141 152 170) !important;
-    border-radius: 1px;
-  }
-
   .el-checkbox:hover:not(.is-disabled) .el-checkbox__inner {
     box-sizing: border-box;
     border-color: rgb(208 212 220) !important;
@@ -346,8 +379,8 @@ div:focus {
 
 .o-message--success {
   width: 544px;
-  background-color: #c2e7c7 !important;
-  border-color: #24ab36 !important;
+  background-color:  var(--o-message-bg-color_success) !important;
+  border-color:  var(--o-message-border-color_success) !important;
   .el-message__content {
     flex: 1;
   }
@@ -357,6 +390,12 @@ div:focus {
   }
 }
 
+.o-message--warning {
+  width: 544px;
+  background-color: var(--o-message-bg-color_warning) !important;
+  border-color: var(--o-message-border-color_warning) !important;
+}
+
 .el-dialog__headerbtn {
   height: 57px !important;
   .el-dialog__close {
@@ -366,7 +405,7 @@ div:focus {
 
 .el-table__empty-block {
   margin-top: unset !important;
-  box-shadow: inset 0px -1px 0px 0px rgb(223, 229, 239);
+  background-color: var(--o-bg-color-base);
 }
 
 .el-select-dropdown__item {
@@ -415,34 +454,58 @@ div:focus {
 .el-pagination {
   .el-pagination__total {
     margin-right: unset;
+    color: var(--o-text-color-primary) !important;
   }
   .el-pagination__sizes {
     margin-left: 7px;
     margin-right: unset;
+    .el-select{
+      border-color: var(--o-border-color-base) !important;
+    }
   }
   .btn-prev {
     margin-left: 8px !important;
+    background-color: var(--o-bg-color-base) !important;
+  }
+  .el-pager .number {
+    color: var(--o-text-color-secondary) !important;
+    font-size: 12px;
+    background-color: var(--o-bg-color-base) !important;
+  }
+  .el-pager li{
+    background-color: var(--o-bg-color-base) !important;
   }
   .btn-next {
     margin-right: 8px !important;
+    background-color: var(--o-bg-color-base) !important;
   }
   .el-pagination__jump {
     margin-left: unset;
   }
+  .el-pagination__editor.el-input{
+    .el-input__wrapper{
+      width: 40px;
+      .el-input__inner{
+        min-width: 30px;
+      }
+    }
+  }
   .el-pagination__goto {
+    color: var(--o-text-color-primary) !important;
     margin-right: unset;
   }
   .el-pagination__classifier {
+    color: var(--o-text-color-primary) !important;
     margin-left: unset;
   }
 }
 
 .el-icon--caretup {
-  color: #0077ff !important;
+  color: var(--o-button-bg) !important;
 }
 
 .downBtn {
-  border: 1px solid var(--el-button-border-color) !important;
+  border: 1px solid var(--o-border-color-base) !important;
   color: #606266 !important;
 }
 
@@ -534,11 +597,6 @@ div:focus {
   font-size: 14px !important;
 }
 
-.el-pager .number {
-  color: rgb(78, 88, 101);
-  font-size: 12px;
-}
-
 :is([role='option']) {
   font-size: 12px !important;
 }
@@ -820,14 +878,26 @@ div:focus {
   }
 }
 
+.el-input-number__increase{
+  border-left: 1px solid var(--o-input-number-border-color) !important;
+}
+.el-input-number__decrease{
+  border-right: 1px solid var(--o-input-number-border-color) !important;
+}
+
 /**
  * 重置el-select下拉框样式
  */
-.el-select__popper {  .el-select-dropdown__list {
+.el-select__popper {  
+  .el-select-dropdown__list {
     padding: 4px 0 !important;
+    border: 1px solid rgb(99,149,253) !important;
+    background-color: var(--o-bg-color-base);
+    border-radius: 4px;
     li {
       height: 32px !important;
       line-height: 30px !important;
+      color: var(--o-text-color-primary);
     }
     .el-select-dropdown__item {
       padding: 0 16px;
@@ -847,12 +917,29 @@ div:focus {
   }
 }
 
+.el-select__placeholder.is-transparent{
+  color: var(--o-text-color-tertiary) !important;
+}
+
 /**
  * 重置el-checkbox样式
  */
+ .el-checkbox__label {
+  color: var(--o-text-color-primary) !important;
+}
 .el-checkbox__inner{
   width: 12px !important;
   height: 12px !important;
+  background-color: unset !important;
+  box-sizing: border-box;
+  border-color: rgb(141 152 170) !important;
+  border-radius: 1px;
+}
+.el-checkbox__input.is-checked,.el-checkbox__input.is-indeterminate{
+  background-color: var(--o-button-bg);
+  border-radius: 2px !important;
+  .el-checkbox__inner{
+  }
 }
 .el-checkbox__input.is-disabled .el-checkbox__inner:after{
   border-color: none !important;
@@ -864,4 +951,85 @@ div:focus {
 .el-checkbox__input.is-checked .el-checkbox__inner:after {
   border-color: var(--el-checkbox-checked-icon-color) !important;
   transform: rotate(45deg) scaleY(1) translate(-1.5px, -1px) !important;
+}
+
+.el-input__wrapper,
+.el-select__wrapper {
+  height: 32px !important;
+}
+
+.el-textarea__inner,
+.el-select__wrapper,
+.el-input__wrapper{
+  border: 1px solid var(--o-border-color-light) !important;
+  box-shadow: 0 0 0 0 !important;
+  padding: 8px 16px !important;
+  background-color: var(--o-bg-color-base) !important;
+}
+.el-select__wrapper.is-focused{
+  border: 1px solid rgb(99,149,253) !important;
+  
+}
+
+.el-select__selected-item,
+.el-input__inner,
+.el-textarea__inner{
+  color: var(--o-text-color-primary) !important;
+}
+.el-textarea .el-input__count{
+  background-color: var(--o-bg-color-base) !important;
+}
+
+
+.el-tabs__header {
+  .el-tabs__item.is-active{
+    color: var(--o-button-bg) !important;
+  }
+  .el-tabs__item{
+    color: var(--o-text-color-primary) !important;
+  }
+  .el-tabs__active-bar{
+    background-color: var(--o-button-bg) !important;
+  }
+  .el-tabs__nav-wrap:after{
+    background-color: var(--o-border-color-base) !important;
+  }
+}
+
+.el-drawer{
+  background-color: var(--o-bg-color-base) !important;
+}
+
+.el-message-box{
+  background-color: var(--o-bg-color-base) !important;
+  padding: 0px !important;
+  .el-message-box__header{
+    .el-message-box__title{
+      color: unset;
+    }
+  }
+  .el-message-box__content{
+    // background-color: var(--o-bg-color-light);
+    .el-message-box__message{
+      padding-left: 0px;
+      color: var(--o-text-color-secondary);
+    }
+  }
+  .el-message-box__btns{
+    justify-content: center;
+    .el-button-confirm{
+    }
+    .el-button{
+        width: 64px;
+        height: 24px;
+    }
+  }
+}
+.el-switch.is-checked .el-switch__core {
+  background-color: var(--o-switch-bg-color_checked) !important;
+  border-color: var(--o-switch-bg-color_checked) !important;
+}
+.el-switch__core{
+  background-color: var(--o-switch-bg-color) !important;
+  border-color: var(--o-switch-bg-color) !important;
 }
\ No newline at end of file
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
new file mode 100644
index 0000000..74927fc
--- /dev/null
+++ b/src/styles/theme.scss
@@ -0,0 +1,36 @@
+
+body[theme='dark'] {
+    --o-main-bg: var(--o-bg-color-dark);
+    --o-bg-dialog:var(--o-bg-color-base);
+    --o-button-bg:rgb(99 149 253);
+    --o-tag-text-color:rgb(99 149 253);
+    --o-tag-text-bg:rgb(5 45 90);
+    --o-tag-table-color:rgb(36 171 54);
+    --o-tag-table-bg:rgb(18 57 23);
+    --o-tag-image-color:rgb(249 118 17);
+    --o-tag-image-bg:rgb(71 42 20);
+    --o-tag-link-color:rgb(55 164 227);
+    --o-tag-link-bg:rgba(55 164 227 0.3);
+    --o-tag-code-color:rgb(168 67 205);
+    --o-tag-code-bg:rgb(168 67 205 0.3);
+    --o-tag-qa-color:rgb(235 175 0);
+    --o-tag-qa-bg:rgb(66 53 0);
+}
+
+body[theme='light'] {
+    --o-main-bg: url('/src/assets/images/userHeader.jpeg') center/101% 100%;
+    --o-bg-dialog:var(--o-bg-color-base);
+    --o-button-bg:rgb(99 149 253);
+    --o-tag-text-color:rgb(99 149 253);
+    --o-tag-text-bg:rgb(184 217 255);
+    --o-tag-table-color:rgb(36 171 54);
+    --o-tag-table-bg:rgb(194 231 199);
+    --o-tag-image-color:rgb(249 118 17);
+    --o-tag-image-bg:rgb(253 217 188);
+    --o-tag-link-color:rgb(61 182 252);
+    --o-tag-link-bg:rgba(61 182 252 0.3);
+    --o-tag-code-color:rgb(189 69 232);
+    --o-tag-code-bg:rgb(189 69 232 0.3);
+    --o-tag-qa-color:rgb(235 175 0);
+    --o-tag-qa-bg:rgb(249 235 184);
+}
\ No newline at end of file
diff --git a/src/styles/upload.scss b/src/styles/upload.scss
index 311cf53..a324e24 100644
--- a/src/styles/upload.scss
+++ b/src/styles/upload.scss
@@ -1,4 +1,6 @@
 .upload-dialog {
+  width: 544px ;
+  padding: 0;
   .el-dialog__body {
     max-height: unset !important;
   }
@@ -48,19 +50,11 @@
         height: 184px;
       }
 
-      .el-table__header .cell {
-        color: rgb(78 88 101);
-      }
-
-      .el-table__body .cell {
-        color: rgb(0 0 0);
-      }
-
       .el-alert--info {
         align-items: start;
         max-height: 48px;
         margin-bottom: 16px;
-        background-color: rgb(184 217 255) !important;
+        background-color: var(--o-color-primary-fourth) !important;
 
         .el-alert__content {
           padding-right: 0 !important;
@@ -119,6 +113,16 @@
     overflow: hidden;
     cursor: pointer;
 
+    .upload-drag{
+      color: var(--o-text-color-secondary);
+      line-height: 16px;
+      margin-bottom: 4px;
+    }
+    .upload-tip-text{
+      color: var(--o-text-color-tertiary);
+      width: 400px;
+    }
+
     .upload-drag-mask {
       position: absolute;
       inset: 0;
@@ -224,8 +228,10 @@
   .el-upload-dragger {
     box-sizing: border-box;
     padding: 0 !important;
-    border: 1px dashed rgb(195 206 223);
-    border-radius: 2px;
+    border: unset;
+    border: 2px dashed var(--o-border-color-light);
+    border-radius: 8px;
+    background-color: var(--o-bg-color-base);
   }
 
   .el-progress__text {
diff --git a/src/styles/uploadProgress.scss b/src/styles/uploadProgress.scss
index 48c6649..2ceafde 100644
--- a/src/styles/uploadProgress.scss
+++ b/src/styles/uploadProgress.scss
@@ -64,7 +64,7 @@
       margin-bottom: 8px;
       font-size: 12px;
       font-weight: 600;
-      color: rgb(0 0 0);
+      color: var(--o-text-color-primary);
     }
 
     .item-info {
diff --git a/src/views/dataSet/dataSetDrawer.vue b/src/views/dataSet/dataSetDrawer.vue
index 89729ac..63dfcb4 100644
--- a/src/views/dataSet/dataSetDrawer.vue
+++ b/src/views/dataSet/dataSetDrawer.vue
@@ -10,7 +10,7 @@
         {{ dataSetInfo.datasetName }}
       </h4>
     </template>
-    <CustomLoading :dark="false" :loading="loading" />
+    <CustomLoading :loading="loading" />
     <div class="empty-container" v-if="props.dataSetRow?.status === 'pending'">
         <el-empty :description="$t('dataset.taskStatus.pending')" :image="empty_pending" />
     </div>
diff --git a/src/views/dataSet/index.vue b/src/views/dataSet/index.vue
index 4042080..2ea5d2d 100644
--- a/src/views/dataSet/index.vue
+++ b/src/views/dataSet/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <CustomLoading :dark="false" :loading="loading" />
+  <CustomLoading :loading="loading" />
   <div
     class="dataset-empty-content"
     v-if="!isSearch && !fileTableList.data.length">
@@ -544,7 +544,7 @@ const batchDownBth = ref(false);
 const loading = ref(false);
 const checkedFilterList = ref([]);
 const filterStatusList = ref();
-const customColor = ref('#0077FF');
+const customColor = ref('rgb(99, 149, 253)');
 const filterEnableList = ref();
 const totalCount = ref(0);
 const statusRef = ref();
diff --git a/src/views/evaluate/index.vue b/src/views/evaluate/index.vue
index 482136c..f366750 100644
--- a/src/views/evaluate/index.vue
+++ b/src/views/evaluate/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <CustomLoading :dark="false" :loading="loading" />
+  <CustomLoading :loading="loading" />
   <div class="evaluate-empty-content" v-if="!isSearch && testList.length === 0">
     <EmptyStatus :description="$t('testing.testEmptyDesc')" :buttonText="$t('testing.testEmptyText')" buttonClass="group-btn" @click="handleCreate" />
   </div>
@@ -126,7 +126,7 @@
           </div>
           <div class="statusAnalysis" v-if="scope.row.testingTask?.taskStatus === StatusEnum.RUNNING">
             <div class="percent-box">
-              <el-progress :percentage="scope.row?.testingTask?.taskCompleted ?? 0" color="#0077FF" striped striped-flow />
+              <el-progress :percentage="scope.row?.testingTask?.taskCompleted ?? 0" color="rgb(99, 149, 253)" striped striped-flow />
             </div>
             <div class="statusAnalysisText">
               {{ $t('testing.testingStatus.running') }}
@@ -175,7 +175,7 @@
       </el-table-column>
       <el-table-column :label="$t('btnText.operation')" width="150">
         <template #default="scope">
-          <div v-if="!scope.row.datasetId">
+          <div v-if="!scope.row.datasetId" class="test-manage-btns">
             <el-button v-if="[StatusEnum.RUNNING,StatusEnum.ANALYSIS_ING].includes(scope.row.status) " type="text"
               @click="handleStopTesting(scope.row)">{{ $t('dataset.stop') }}</el-button>
             <el-button v-else :disabled="scope.row.testingTask?.taskStatus === StatusEnum.SUCCESS" type="text"
diff --git a/src/views/evaluate/testCase.vue b/src/views/evaluate/testCase.vue
index 9859281..6ff6e42 100644
--- a/src/views/evaluate/testCase.vue
+++ b/src/views/evaluate/testCase.vue
@@ -136,7 +136,6 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
 
 let chartInstanceR: echarts.ECharts | null = null;
 let chartInstanceL: echarts.ECharts | null = null;
-let resizeTimer: NodeJS.Timeout | null = null;
 
 const testCaseAvg = ref({
     aveScore:0,
@@ -150,20 +149,8 @@ const testCaseAvg = ref({
 })
 const testCaseList = ref([]);
 
-// 防抖处理resize
-const debounceResize = () => {
-    if (resizeTimer) {
-        clearTimeout(resizeTimer);
-    }
-    resizeTimer = setTimeout(() => {
-        if (chartInstanceR && chartInstanceL && props.visible) {
-            chartInstanceR.resize();
-            chartInstanceL.resize();
-        }
-    }, 100);
-};
-
 const initChart = async () => {
+    const isDarkMode = document.body.getAttribute('theme') === 'dark';
     try {
         // 等待DOM更新
         await nextTick();
@@ -193,7 +180,7 @@ const initChart = async () => {
                 left: 'left',
                 textStyle: {
                     fontSize: 14,
-                    color: '#333',
+                    color: isDarkMode ? 'white' : 'black', // 动态更新颜色
                     fontWeight: '700',
                 }
             },
@@ -206,10 +193,6 @@ const initChart = async () => {
                     endAngle: -45, //仪表盘结束角度
                     itemStyle: {
                         color: '#f37215', //颜色
-                        shadowColor: 'rgba(0,138,255,0.45)', //阴影颜色
-                        shadowBlur: 10, //图形阴影的模糊大小
-                        shadowOffsetX: 2, //阴影水平方向上的偏移距离
-                        shadowOffsetY: 2 //阴影垂直方向上的偏移距离
                     },
                     progress: {
                         show: true, //是否显示进度条
@@ -246,27 +229,24 @@ const initChart = async () => {
                     pointer: {
                         icon: 'triangle',
                         width: 8,
-                        length: '10%',
+                        length: '10px',
                         itemStyle: {
-                            color: 'black',
+                            color: isDarkMode ? 'white' : 'black', // 动态更新箭头颜色
                             shadowColor: 'rgba(0,0,0,0.3)',
                             shadowBlur: 8
                         },
-                        offsetCenter: [0, '-60%']
+                        offsetCenter: [0, '-56px'], //相对于仪表盘中心的偏移位置
                     },
                     axisLine: {
-                        show: false, //是否显示仪表盘轴线
+                        show: true, // 启用仪表盘轴线以显示背景
                         lineStyle: {
-                            width: 18 //轴线宽度
+                            color: [
+                                [1, isDarkMode ?'#3E4551':'#DEE4EE'] // 未走到部分颜色
+                            ],
                         }
                     },
                     axisTick: {
                         show: false, //是否显示刻度
-                        distance: -29,
-                        itemStyle: {
-                            color: '#fff',
-                            width: 2
-                        }
                     },
                     splitLine: {
                         show: false, //是否显示分隔线
@@ -282,16 +262,17 @@ const initChart = async () => {
                         valueAnimation: true, //是否开启标签的数字动画
                         offsetCenter: [0, 0], //相对于仪表盘中心的偏移位置
                         fontSize: 32, //文字的字体大小
-                        color: 'black',
+                        color: isDarkMode ? 'white' : 'black', // 动态更新颜色
                         fontWeight: 'bolder', //文字字体的粗细
-                        backgroundColor: 'white', // 添加白色背景
+                        backgroundColor: isDarkMode ? 'rgb(42 47 55)' : 'white', // 动态更新背景颜色
                         borderRadius: 100, // 设置圆形边框
                         padding: [10, 10, 10, 10], // 设置内边距使背景更大
                         width: 120, // 设置背景宽度
                         height: 120, // 设置背景高度
-                        shadowColor: 'rgba(141,152,170,0.4)',
+                        shadowColor: isDarkMode?'#22262D':'rgba(141,152,170,0.4)',
                         shadowBlur: 20, // 阴影模糊大小
-
+                        shadowOffsetX: 2, //阴影水平方向上的偏移距离
+                        shadowOffsetY: 16, //阴影垂直方向上的偏移距离
                     },
                     data: [
                         {
@@ -321,6 +302,7 @@ const initChart = async () => {
                 text: t('testing.evaluationQuality'),
                 textStyle: {
                     fontSize: 14,
+                    color: isDarkMode ? 'white' : 'black' // 动态设置标题颜色
                 }
             },
             xAxis: {
@@ -337,9 +319,10 @@ const initChart = async () => {
                     show: false
                 },
                 axisLine: {
-                    lineStyle: {
-                        color: 'rgb(141,152,170)',
-                    }
+                    lineStyle:  [
+                        [0.7, '#91c7ae'], // 已走过部分颜色
+                        [1, 'red'] // 未走到部分颜色
+                    ]
                 },
                 axisLabel: {
                     interval: 0 // 确保所有标签都显示
@@ -352,6 +335,9 @@ const initChart = async () => {
                 textStyle: {
                     color: 'black',
                 },
+                nameTextStyle: {
+                    color: isDarkMode ? '#C0C8D5' : '#666F7A' // 动态设置Y轴顶部文字颜色
+                },
                 splitLine: {
                     show: true,
                     lineStyle: {
@@ -384,6 +370,55 @@ const initChart = async () => {
     }
 }
 
+// 监听主题变化
+const handleThemeChange = () => {
+    const isDarkMode = document.body.getAttribute('theme') === 'dark';
+    if (chartInstanceR) {
+        chartInstanceR.setOption({
+            title: {
+                textStyle: {
+                    color: isDarkMode ? 'white' : 'black', // 动态更新颜色
+                }
+            },
+            series:[{
+                detail:{
+                    color: isDarkMode ? 'white' : 'black', // 动态更新颜色
+                    backgroundColor: isDarkMode ? 'rgb(42 47 55)' : 'white', // 动态更新背景颜色
+                    shadowColor: isDarkMode?'#22262D':'rgba(141,152,170,0.4)',
+                },
+                pointer: {
+                    itemStyle: {
+                        color: isDarkMode ? 'white' : 'black', // 动态更新箭头颜色
+                    }
+                },
+                axisLine: {
+                    lineStyle: {
+                        color: [
+                            [1, isDarkMode ?'#3E4551':'#DEE4EE'] // 未走到部分颜色
+                        ],
+                    }
+                }
+            }]
+        });
+        chartInstanceR.resize(); // 确保图表重新渲染
+    }
+    if (chartInstanceL) {
+        chartInstanceL.setOption({
+            title: {
+                textStyle: {
+                    color: isDarkMode ? 'white' : 'black' // 动态设置标题颜色
+                }
+            },
+            yAxis: {
+                nameTextStyle: {
+                    color: isDarkMode ? '#C0C8D5' : '#666F7A' // 动态设置Y轴顶部文字颜色
+                }
+            }
+        });
+        chartInstanceL.resize(); // 确保图表重新渲染
+    }
+};
+
 const handleMessage = (event: MessageEvent) => {
     if(event.data.type === 'changeLanguage'){
         initChart();
@@ -391,8 +426,10 @@ const handleMessage = (event: MessageEvent) => {
 }
 // 监听窗口大小变化
 onMounted(() => {
-    window.addEventListener('resize', debounceResize);
     window.addEventListener('message',handleMessage );
+    const observer = new MutationObserver(handleThemeChange);
+    observer.observe(document.body, { attributes: true, attributeFilter: ['theme'] }); // 监听主题变化
+    onBeforeUnmount(() => observer.disconnect()); // 组件销毁时断开监听
 });
 onUnmounted(() => window.removeEventListener('message', handleMessage));
 
@@ -421,10 +458,10 @@ const queryTestCase = ()=>{
     })
 }
 
-// 监听visible变化，处理图表清理
+// 监听visible变化，处理图表清理和主题切换
 watch(() => props.visible, (newVal) => {
     if (newVal) {
-        // drawer打开时初始化数据
+        // drawer打开时初始化数据并切换主题
         queryTestCase();
     } else {
         // drawer关闭时清理图表实例
@@ -449,10 +486,6 @@ onBeforeUnmount(() => {
         chartInstanceL.dispose();
         chartInstanceL = null;
     }
-    if (resizeTimer) {
-        clearTimeout(resizeTimer);
-    }
-    window.removeEventListener('resize', debounceResize);
 });
 
 const handleClose = () => {
@@ -473,7 +506,7 @@ const handleDownloadReport = () => {
     .drawer-title {
         font-size: 16px;
         font-weight: 700;
-        color: black;
+        color: var(--o-text-color-primary);
         line-height: 32px;
     }
 }
@@ -501,7 +534,7 @@ const handleDownloadReport = () => {
     #rightChart {
         width: 23%;
         height: 300px;
-        background-color: rgb(244, 246, 250);
+        background-color: var(--o-bg-color-light);
         border-radius: 8px;
         padding: 16px;
         display: flex;
@@ -512,7 +545,7 @@ const handleDownloadReport = () => {
         width: 75%;
         height: 256px;
         min-height: 300px;
-        background-color: rgb(244, 246, 250);
+        background-color: var(--o-bg-color-light);
         border-radius: 8px;
         padding: 16px;
     }
diff --git a/src/views/group/createGroup.vue b/src/views/group/createGroup.vue
index b07de5f..54410e5 100644
--- a/src/views/group/createGroup.vue
+++ b/src/views/group/createGroup.vue
@@ -171,7 +171,7 @@ const handleCancelVisible = () => {
                 }
 
                 .evaluate-dataSetName {
-                    color: black;
+                    color: var(--o-primary-color);
                 }
 
             }
diff --git a/src/views/group/groupDetail/index.vue b/src/views/group/groupDetail/index.vue
index e8e45a7..31e0b95 100644
--- a/src/views/group/groupDetail/index.vue
+++ b/src/views/group/groupDetail/index.vue
@@ -162,31 +162,4 @@ onMounted(()=>{
         }
     }
 }
-.el-message-box{
-  padding: 0px !important;
-  .el-message-box__content{
-    .el-message-box__message{
-      padding-left: 0px;
-    }
-  }
-  .el-message-box__btns{
-    justify-content: center;
-    .el-button-confirm{
-        --el-button-bg-color:white;
-        --el-button-text-color: rgb(78,88,101);
-        &:focus{
-            background-color: white;
-            color: rgb(78,88,101) !important;
-        }
-        &:hover,&:active{
-            background-color: white;
-            color: rgba(78,88,101,0.8) !important;
-        }
-    }
-    .el-button{
-        width: 64px;
-        height: 24px;
-    }
-  }
-}
 </style>
diff --git a/src/views/group/index.vue b/src/views/group/index.vue
index 0fd3524..b747242 100644
--- a/src/views/group/index.vue
+++ b/src/views/group/index.vue
@@ -44,7 +44,7 @@
                         <!-- 卡片布局 -->
                         <div v-if="switchIcon === 'thumb'" class="group-tabs-content">
                             <div v-if="groupList.length === 0" class="group-card-empty">
-                                <el-empty :description="$t('group.noData')"></el-empty>
+                                <el-empty :description="$t('group.noData')" :image="empty_pending"></el-empty>
                             </div>
                             <div class="group-card-item" v-for="item in groupList" :key="item.teamId" @click="handleToGroup(item)">
                                 <div class="group-card-title">
@@ -135,6 +135,7 @@ import CreateGroup from './createGroup.vue';
 import GroupAPI from '@/api/group';
 import { TabPaneName } from 'element-plus';
 import { convertUTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+import empty_pending from '@/assets/svg/taskEmpty.svg';
 const { t } = useI18n();
 
 const groupStore = useGroupStore();
diff --git a/src/views/knowledgeFile/dataSetDialog.vue b/src/views/knowledgeFile/dataSetDialog.vue
index abc09a4..0c6b17d 100644
--- a/src/views/knowledgeFile/dataSetDialog.vue
+++ b/src/views/knowledgeFile/dataSetDialog.vue
@@ -205,7 +205,6 @@ const handleCancelVisible = () => {
 
 onMounted(() => {
   dataSetAPI.queryLlmData().then(res => {
-    console.log('llmList', res)
     llmList.value = res.llms || [];
   })
 })
diff --git a/src/views/knowledgeFile/documentInfo.vue b/src/views/knowledgeFile/documentInfo.vue
index 49ec911..9bef17b 100644
--- a/src/views/knowledgeFile/documentInfo.vue
+++ b/src/views/knowledgeFile/documentInfo.vue
@@ -13,7 +13,7 @@
             <knowledgeFileSection />
           </el-tab-pane>
           <el-tab-pane :label="$t('assetFile.log')" name="log">
-            <documentLog />
+            <documentLog :activeName="activeName" />
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -45,6 +45,7 @@ const handleTabClick = (tab: any, event: any) => { }
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 8px;
+    color: var(--o-text-color-primary);
   }
 
 }
diff --git a/src/views/knowledgeFile/documentLog.vue b/src/views/knowledgeFile/documentLog.vue
index 0cc9c63..a289a4c 100644
--- a/src/views/knowledgeFile/documentLog.vue
+++ b/src/views/knowledgeFile/documentLog.vue
@@ -8,17 +8,23 @@
   </template>
   
   <script lang="ts" setup>
-  import { ref, onMounted, onBeforeUnmount } from 'vue'
+  import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue'
   import * as monaco from 'monaco-editor'
   import { editor } from 'monaco-editor'
   import KfAppAPI from '@/api/kfApp';
   import { downloadFun } from '@/utils/downloadFun';
 
+  const props = defineProps<{
+    activeName: string
+  }>()
+
   const route = useRoute();
   
   let content = ref('');
   const codeEditBox = ref<HTMLElement | null>(null)
   let monacoEditor: editor.IStandaloneCodeEditor | null = null
+
+  let observer: MutationObserver | null = null;
   
   // 注册自定义语言和主题
   const registerCustomLanguage = () => {
@@ -86,11 +92,28 @@
       }
     })
   }
-  
+
+// 监听主题变化
+const observeThemeChange = () => {
+  const body = document.body;
+  observer = new MutationObserver(() => {
+    const newTheme = body.getAttribute('theme') === 'dark' ? 'vs-dark' : 'vs';
+    monaco.editor.setTheme(newTheme);
+  });
+  observer.observe(body, { attributes: true, attributeFilter: ['theme'] });
+};
+// 设置初始主题
+const setInitialTheme = () => {
+  const body = document.body;
+  const initialTheme = body.getAttribute('theme') === 'dark' ? 'vs-dark' : 'vs';
+  monaco.editor.setTheme(initialTheme);
+};
   // 生命周期钩子
   onMounted(() => {
     initMonaco();
     getDocumentLog();
+    setInitialTheme();
+    observeThemeChange();
   })
   
   onBeforeUnmount(() => {
@@ -98,6 +121,10 @@
       monacoEditor.dispose()
       monacoEditor = null
     }
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
   })
 
   const downloadLogFn = () => {
@@ -114,7 +141,7 @@
     flex-direction: column;
     border-radius: 8px;
     padding: 8px;
-    border: 1px solid #dcdfe6;
+    border: 1px solid var(--o-border-color-base);
     .code-edit-tools{
       padding:16px;
     }
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index c45887d..6861572 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="kf-container">
-    <CustomLoading :dark="false" :loading="loading" />
+    <CustomLoading :loading="loading" />
     <div class="kf-container-action">
       <div
         class="kf-container-right"
@@ -452,7 +452,7 @@
   <el-dialog
     align-center
     v-model="delTipVisible"
-    class="tip-dialog"
+    class="tip-dialog del-dialog"
     width="400"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
@@ -648,7 +648,7 @@ import { downloadFun } from '@/utils/downloadFun';
 
 const route = useRoute();
 const dialogImportVisible = ref(false);
-const customColor = ref('#0077FF');
+const customColor = ref('rgb(99, 149, 253)');
 const menuType = ref('klFile');
 const buttonRef = ref();
 const created_time = ref();
@@ -888,6 +888,7 @@ const handleRunKl = (row: any, type: string) => {
     cancelTipVisible.value = true;
     opsItem.value = row;
   } else {
+    loading.value = true;
     KfAppAPI.runLibraryFile({
       parse: true,
     },[row.docId]).then(() => {
@@ -899,12 +900,15 @@ const handleRunKl = (row: any, type: string) => {
         duration: 3000,
       });
       handleSearchOpsData(true, true);
+    }).finally(() => {
+      loading.value = false;
     });
   }
 };
 
 const handleConfirmFileAnalytic = () => {
-  KfAppAPI.runLibraryFile({
+    loading.value = true;
+    KfAppAPI.runLibraryFile({
     parse: false,
   },[opsItem.value.docId]).then(() => {
     ElMessage({
@@ -916,6 +920,8 @@ const handleConfirmFileAnalytic = () => {
     });
     handleSearchOpsData(true, true);
     handleCancelVisible();
+  }).finally(() => {
+    loading.value = false;
   });
 };
 
@@ -1219,6 +1225,7 @@ const handleSelectDeleteKl = () => {
 };
 
 const handleSelectRunKl = () => {
+  loading.value = true;
   checkTableSelecData.value = selectionFileData.value;
   const ids = selectionFileData.value.map((item) => item.docId);
   KfAppAPI.runLibraryFile({parse:true},ids).then(() => {
@@ -1232,6 +1239,8 @@ const handleSelectRunKl = () => {
     selectionFileData.value = [];
     multipleTable.value.clearSelection();
     handleSearchOpsData(true, true);
+  }).finally(() => {
+    loading.value = false;
   });
 };
 
diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index 57f1a6b..f24e359 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <CustomLoading :dark="false" :loading="loading" />
+  <CustomLoading :loading="loading" />
 
   <div class="kf-section-container">
     <div class="kf-section-container-action">
@@ -135,11 +135,12 @@
             v-if="fileInfo?.docTask?.taskStatus === 'success'" 
             placement="bottom"
             popper-class="dropdown-container kf-section-ops-dowlon"
+            :disabled="!(selectedData.length > 0)"
             @visible-change="handleBatchDownBth">
             <el-button
               class="kf-batch-ops"
               :class="batchDownBth ? 'upBtn' : 'downBtn'">
-              {{ $t('btnText.batch') }}
+              {{ $t('btnText.batchOps') }}
               <el-icon
                 class="el-icon--right"
                 v-if="!batchDownBth">
@@ -154,12 +155,10 @@
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item
-                  :disabled="!(selectedData.length > 0)"
                   @click="handleEnableData(true)">
                   {{ $t('btnText.enable') }}
                 </el-dropdown-item>
                 <el-dropdown-item
-                  :disabled="!(selectedData.length > 0)"
                   @click="handleEnableData(false)">
                   {{ $t('btnText.close') }}
                 </el-dropdown-item>
@@ -167,7 +166,7 @@
             </template>
           </el-dropdown>
         </div>
-        <div v-if="fileInfo?.docTask?.taskStatus === 'success'" class="kf-section-container-table-box">
+        <div v-if="!['pending','running','failed'].includes(fileInfo?.docTask?.taskStatus)" class="kf-section-container-table-box">
           <el-table
             :data="fileTableList.data"
             ref="fileSectionTable"
@@ -188,7 +187,7 @@
                     <span :class="`text-type-${scope.row.chunkType} text-type-tag`">
                       {{ textType[scope.row.chunkType] }}
                     </span>
-                    <span style="white-space: pre-wrap">
+                    <span style="white-space: pre-wrap;max-width:calc(100vw - 650px);">
                       <span v-for="itemText in scope.row?.text?.split('\n')">
                         <div v-html="itemText"></div>
                       </span>
@@ -222,7 +221,7 @@
         <div v-if="fileInfo?.docTask?.taskStatus === 'running'">
           <el-empty :description="$t('assetFile.status.analyticIng')" :image="empty_running" />
         </div>
-        <div v-if="fileInfo?.tdocTask?.taskStatus === 'error'">
+        <div v-if="fileInfo?.tdocTask?.taskStatus === 'failed'">
           <el-empty :description="$t('assetFile.status.analyticFail')" :image="empty_failed" />
         </div>
       </div>
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 6843385..219978c 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -135,6 +135,7 @@
             placement="bottom" 
             popper-class="kf-ops-dowlon dropdown-container"
             @visible-change="handleBatchDownBth"
+             trigger="click"
             :disabled="multipleSelection.length === 0"
           >
             <el-button 
-- 
Gitee