diff --git a/src/App.vue b/src/App.vue
index bcef1abea093760849c6f521ca9c55ce5942d008..e5b55fd6b62f6342dacdc4c20dfe450c2bdc0e60 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 32b734e14ef3adde93f4388128617c7bb6990444..7e8824e46a784c02628fc2243f1b0be031c665ca 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 a7ca9663306915093aa4517a92dcf01ca1d0694f..02d0c7e754e07eabdd22c4e22861aa1f840ddf30 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.svg b/src/assets/svg/more.svg
new file mode 100644
index 0000000000000000000000000000000000000000..69e80d3ccf78421b48d0a44d9317a1af8c67788d
--- /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_hover.svg b/src/assets/svg/more_hover.svg
new file mode 100644
index 0000000000000000000000000000000000000000..46cc8e87d64f938caaf0bd77212e6e6d75c2b9e0
--- /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/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue
index 61cad56667b40ae26e3673d830135dd0348046b3..f5067e504f652ffa761637d1172d7974f753e2f5 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 790841207801d2a138c9f32538a0184b7dd6802a..e3f186413c9eaaed7d7e996bf4876df5af2c9e96 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 13b2ace2c3e592392cc10d803ef4275f72b42a4c..b4b625832cace39c26af7bd2c33764f3d5fb3143 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 2b1248b63dce4c85676c31219e5822ad0d502b10..898e2abb563bee1f2d138562b8bda78c95a6b062 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 52b5c6004446979b097599e3cc73eb43bfcb3cab..68f3985f61d50dbcd6cc390bdd3697af5c61a604 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 788c581036a0dd01081c80a91493bc0a20d58115..ae30564fb1998b419ea6fb84988a8a9cef8a3def 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 57c986902a0ac2d44ae3ec42b37dd34d88fe6b24..ae1218b700cc97be5d33efcbc94100bd02d365a3 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 7b6e59624ec2744b050a71f24f8cbb8a90019f2a..68bbd90b75c38f67e7dac5f00ebb974abd26a8a9 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 0c648113138a095ca5190efeb92897d5f71b319c..c6ef29a011a139979cd34105145996cfd168cced 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 e9a8e9f4ba860841c47f14beed92500dfbceb16d..739c1ad4a9806153a628340ed138bde90e62bedc 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 7bae018ddc6eef3dc89297c5405f650186c342cd..bc256d101d105041b88ac9e06c8f91aaf750a864 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 bd37803d1f8befd97cbfa21bce488aeaffb34c55..4a0a2ca30b6a95f844d02eb58fc78da67dcd3692 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 d69f583335660b18651528504795ee77356b83d9..afc65b3bce2677a8a2e1157d6486b27122610dba 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 89356ba8cb29a33cc0e75480dd1f9e8aa9d98601..903e17843997ecdd4d57b42b574196804392666c 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 770f93400b626a7e26720b66b24def6a6fc1d19f..1f079d88a374473670c8098ef0bfa6a1e000e43c 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 cb37fb41fe269ccfb3b0eb56d34c7aa9c5a04d24..741a45a7b8c7fa76ba9116863cfa46d66e17831e 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 b87be16041f0ffb68896db2ab134158a4c1b635f..b6596c397e8b7124c4c40e73ed905bdbf4a9e1cb 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;
@@ -205,7 +198,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);
+              }
+            }
           }
         }
 
@@ -215,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;
         }
@@ -224,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;
 
@@ -338,7 +346,7 @@
     }
 
     .kl-name-row {
-      color: #0077ff;
+      color: rgb(99, 149, 253);
       font-size: 12px;
       font-weight: 500;
       cursor: pointer;
@@ -456,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 {
@@ -621,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;
 }
@@ -644,6 +638,7 @@
     display: flex;
     gap: 17px;
     align-items: center;
+    color: var(--o-text-color-secondary);
   }
 
   .iconAlarmOrange {
@@ -665,6 +660,7 @@
 
   .delTip {
     height: 24px !important;
+    color: var(--o-text-color-secondary);
   }
 }
 
@@ -674,7 +670,7 @@
   align-items: center;
 
   .searchIconIsActive {
-    color: #0077ff !important;
+    color: rgb(99, 149, 253) !important;
   }
 
   .el-icon {
@@ -683,7 +679,7 @@
   }
 
   .el-icon:hover {
-    color: #0077ff;
+    color: rgb(99, 149, 253);
   }
 
   svg {
@@ -713,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 1ed9bc43b39948fe3eec4316013f504d87567811..cec7066594b920d10c63836d29fe2302dd98f06f 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 9ba414aa8ae4f1fb5abadfeef6d8405daaf629d9..be9d6ad571d8367358ca8c4985912002aaca6247 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 0000000000000000000000000000000000000000..74927fcb427785b313bde029ca5fbd1131ca6344
--- /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 311cf5367d1d52cbc20dcba9b6cff8b59a70811e..a324e2413786c41413f3f0d5c8d1f737034f84d5 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 48c66491bb4bff841a73a9da13c0df7a82d69bf9..2ceafdeb5bb005e53e4555cd52838a62091a9486 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 89729acb46c6a6cba86c84313d2f0d6b83e19c51..63dfcb4f50c698b1e56049a21c2c057ef8cd5988 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 40420809389f618577d2451794cbbab119ce5b21..2ea5d2dff0f783d8b09a3b7c5bab62f01c8a6890 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 482136c7e50a9076ae206432bd7f19247c765512..f366750730e093b2369e1f2bbe124b093a370025 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 98592814d36b2e15d251cfaff593ac166c9250d8..6ff6e427b2c506a84d5628a930fc43e5b5b01e94 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 b07de5fa3481c60b0b2f07a9c001f85a1276f580..54410e543af57c0f1b70249dd396b01fa38aba4a 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 e8e45a7c9294e09c6d944a7d3b80d2a11d47fdee..31e0b9511d72ad5940e6c11b15b8d30d75775b54 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 0fd3524093f837e5278f78fb7352ad075645e8a1..b7472423f0190d34ae515b9b5bc26ad6c22355e8 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 abc09a4e22c6d2fd0eb710ccd61f343014b2e650..0c6b17d7da2e34ec3df1bf17bc04fcec7213b38e 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 49ec911b3ea4ceb7b32cf775e03d94559e64854a..9bef17bbf5b732c9d92f7d281d16ef251fe8224a 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 0cc9c6328204c9e4fa5f0ec542b3afa150cb20d8..a289a4cd6b287e3bfde44bcf4bbc16b8abe8687c 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 c45887d54324aa33d6f3694469d52ae93ad17337..686157242cc1c35e76536d1457480f45ff985460 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 57f1a6b1e449d941a12a807582b697422b87dcb9..f24e359c5ac52647027264c2a1b3d5f3b12af00a 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 396ab870dd3eef96680c573d26d3a40dfc6a7ffd..219978c3814d630478c0f6b6495a6b3054c71e1a 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 
@@ -241,9 +242,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 +600,6 @@ import Upload from '@/components/Upload/index.vue';
 import '@/styles/knowledgeLibrary.scss';
 import {
   IconList,
-  IconMore,
   IconSearch,
   IconThumbnail,
   IconAlarmOrange,
@@ -621,7 +619,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 +636,7 @@ groupName: {
   type: String
 },
 });
-const { navGroup,curTeamInfo } =  storeToRefs(useGroupStore());
+const { navGroup } =  storeToRefs(useGroupStore());
 const { t } = useI18n();
 const knoledgekeyWord = ref();
 const dialogImportVisible = ref(false);