From a178986d9bf9b6ca4a3aa69dd995440cde6fa5ca Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 11 Jul 2025 15:19:34 +0800
Subject: [PATCH] fix: theme

---
 ui/src/views/chat/component/HistoryPanel.vue | 13 ++++++-------
 ui/src/views/chat/embed/index.vue            |  4 ++++
 ui/src/views/chat/mobile/index.vue           |  4 ++++
 ui/src/views/chat/pc/index.vue               |  4 ++++
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/ui/src/views/chat/component/HistoryPanel.vue b/ui/src/views/chat/component/HistoryPanel.vue
index c581d9a2e..75de49885 100644
--- a/ui/src/views/chat/component/HistoryPanel.vue
+++ b/ui/src/views/chat/component/HistoryPanel.vue
@@ -213,9 +213,7 @@ function refreshFieldTitle(chatId: string, abstract: string) {
   display: flex;
   flex-direction: column;
   border-right: 1px solid var(--el-menu-border-color);
-  background:
-    linear-gradient(187.61deg, rgba(235, 241, 255, 0.5) 39.6%, rgba(231, 249, 255, 0.5) 94.3%),
-    #eef1f4;
+  background: var(--el-color-primary-light-06) !important;
   :deep(.el-menu) {
     background: none;
     border: none;
@@ -227,6 +225,9 @@ function refreshFieldTitle(chatId: string, abstract: string) {
         color: var(--el-text-color-primary) !important;
       }
     }
+    .el-sub-menu__title:hover {
+      background-color: var(--el-color-primary-light-9) !important;
+    }
   }
 
   .left-height {
@@ -251,11 +252,9 @@ function refreshFieldTitle(chatId: string, abstract: string) {
 </style>
 <style lang="scss">
 .chat-pc-popper {
-  background:
-    linear-gradient(187.61deg, rgba(235, 241, 255, 0.5) 39.6%, rgba(231, 249, 255, 0.5) 94.3%),
-    #eef1f4 !important;
+  background: #ffffff!important;
   .el-menu {
-    background: transparent;
+    background: var(--el-color-primary-light-06) !important;
   }
   .el-menu-item-group__title {
     padding: 8px 8px 8px 16px;
diff --git a/ui/src/views/chat/embed/index.vue b/ui/src/views/chat/embed/index.vue
index 050d425e7..ba568e4d0 100644
--- a/ui/src/views/chat/embed/index.vue
+++ b/ui/src/views/chat/embed/index.vue
@@ -12,6 +12,10 @@
         applicationDetail?.custom_theme?.theme_color || '#3370FF',
         0.4,
       ),
+      '--el-color-primary-light-06': hexToRgba(
+        applicationDetail?.custom_theme?.theme_color || '#3370FF',
+        0.04,
+      ),
       backgroundImage: `url(${applicationDetail?.chat_background})`,
     }"
   >
diff --git a/ui/src/views/chat/mobile/index.vue b/ui/src/views/chat/mobile/index.vue
index 0ad933db2..38fe5e077 100644
--- a/ui/src/views/chat/mobile/index.vue
+++ b/ui/src/views/chat/mobile/index.vue
@@ -13,6 +13,10 @@
         applicationDetail?.custom_theme?.theme_color || '#3370FF',
         0.4,
       ),
+      '--el-color-primary-light-06': hexToRgba(
+        applicationDetail?.custom_theme?.theme_color || '#3370FF',
+        0.04,
+      ),
       backgroundImage: `url(${applicationDetail?.chat_background})`,
     }"
   >
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index 2640e7d39..dc602468a 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -13,6 +13,10 @@
         applicationDetail?.custom_theme?.theme_color || '#3370FF',
         0.4,
       ),
+      '--el-color-primary-light-06': hexToRgba(
+        applicationDetail?.custom_theme?.theme_color || '#3370FF',
+        0.04,
+      ),
     }"
   >
     <div class="flex h-full w-full">