From 2db8d6e6992c12654011383dcc9090bace7463df Mon Sep 17 00:00:00 2001
From: ccnetcore <cc2016cc>
Date: Fri, 23 Jan 2026 00:01:54 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=8E=A7=E5=88=B6=E5=8F=B0=E6=9A=97?=
 =?UTF-8?q?=E9=BB=91=E4=B8=BB=E9=A2=98=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/WelecomeText/index.vue     |   2 +-
 Yi.Ai.Vue3/src/styles/dark-theme.scss         | 219 +++++++++++++++++-
 2 files changed, 208 insertions(+), 13 deletions(-)

diff --git a/Yi.Ai.Vue3/src/components/WelecomeText/index.vue b/Yi.Ai.Vue3/src/components/WelecomeText/index.vue
index 0cf5d1dd..42ffdea6 100644
--- a/Yi.Ai.Vue3/src/components/WelecomeText/index.vue
+++ b/Yi.Ai.Vue3/src/components/WelecomeText/index.vue
@@ -9,7 +9,7 @@ const greeting = useTimeGreeting();
 const userStore = useUserStore();
 const mode = useColorMode();
 
-const username = computed(() => userStore.userInfo?.username ?? '意心Ai，一心只为打造更良心的Ai平台');
+const username = computed(() => userStore.userInfo?.username ?? '意心Ai，让人人都能享受最前沿的Ai体验');
 
 // 根据主题动态设置雾化背景色
 const fogBgColor = computed(() => mode.value === 'dark' ? '#111827' : '#fff');
diff --git a/Yi.Ai.Vue3/src/styles/dark-theme.scss b/Yi.Ai.Vue3/src/styles/dark-theme.scss
index 66ff47cf..d6550bc7 100644
--- a/Yi.Ai.Vue3/src/styles/dark-theme.scss
+++ b/Yi.Ai.Vue3/src/styles/dark-theme.scss
@@ -332,30 +332,36 @@
 
   /* 表格 */
   .el-table {
-    background-color: #04080b !important;
-    color: #a0a0a0 !important;
-    border-color: rgba(0, 255, 136, 0.15) !important;
-
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+.cell{
+  color: #ffffff !important;
+}
     th.el-table__cell {
-      background-color: rgba(0, 255, 136, 0.05) !important;
-      color: #ffffff !important;
+      background-color: transparent !important;
+      color: #fff;
       border-color: rgba(0, 255, 136, 0.15) !important;
     }
 
     td.el-table__cell {
-      border-color: rgba(0, 255, 136, 0.1) !important;
+      background-color: transparent !important;
+    
     }
 
     tr {
-      background-color: #04080b !important;
+      background-color: transparent !important;
 
       &:hover > td.el-table__cell {
-        background-color: rgba(0, 255, 136, 0.05) !important;
+        color: #00ff88 !important;
+        background-color: #032D1D !important;
       }
     }
 
     .el-table__row {
-      background-color: #04080b !important;
+      
+      background-color: transparent !important;
     }
   }
 
@@ -866,13 +872,13 @@
 
   h2 {
     color: #ffffff !important;
-    font-size: 56px !important;
+    font-size: 24px !important;
     line-height: 62px !important;
   }
 
   h3 {
     color: #ffffff !important;
-    font-size: 48px !important;
+    font-size: 22px !important;
     line-height: 54px !important;
   }
 
@@ -1503,6 +1509,195 @@
   .el-sender{
     border-radius: 0;
   }
+  
+  .typer-content{
+    color: #fff !important;
+  }
+
+  .nav-header{
+    background: transparent !important;
+  }
+  .info-item{
+    border-radius: 0 !important;
+    background-color: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+  }
+  .info-value{
+    color: #fff !important;
+  }
+  .recharge-log-container{
+    background: transparent !important;
+  }
+  .filter-toolbar{
+    background: transparent !important;
+    border-radius: 0 !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+  }
+  .el-select__wrapper{
+    border-radius: 0 !important;
+    background-color: transparent !important;
+
+  }
+  .el-select{
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+  }
+  .toolbar{
+    border-radius: 0 !important;
+    background-color: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .el-card__header{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .header-title{
+    color: #fff !important;
+  }
+  .token-table-wrapper{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .guide-title{
+    color: #fff !important;
+  }
+  .name-text{
+    color: #fff !important;
+  }
+  .key-text{
+    border-radius: 0 !important;
+    background: transparent !important;
+    color: #fff !important;
+  }
+  .chart-container{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .stat-item{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .progress-section{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .el-alert{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .chart-container-wrapper{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .token-stat-item{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .token-value{
+    color: #fff !important;
+  }
+  .progress-label{
+    color: #fff !important;
+  }
+  .token-name{
+    color: #fff !important;
+  }
+  .consumption-card{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .task-item{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .task-name{
+    color: #fff !important;
+  }
+  .video-generation-page{
+    background: transparent !important;
+    color: #fff !important;
+  }
+  .el-empty i{
+    color: #fff !important;
+  }
+  .session-sidebar{
+    background: #04080b !important
+    
+  }
+  .session-sidebar .session-item:hover{
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, 0.4);
+    border-radius: 0;
+  }
+  .tip-item{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .tools-panel{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .tool-item {
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .el-tabs--border-card{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+  }
+  .el-tabs--border-card>.el-tabs__header{
+    border-radius: 0 !important;
+    background: transparent !important;
+  }
+  .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
+    color: #00ff88 !important;
+    background-color: rgba(0, 255, 136, 0.15) !important;
+  }
+  .channel-management{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .model-list-panel{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
+  .app-list-panel{
+    border-radius: 0 !important;
+    background: transparent !important;
+    border: 1px solid rgba(0, 255, 136, .2) !important;
+    color: #fff !important;
+  }
 }