From b40d233e999143f734b9a10715f872fade33f0c4 Mon Sep 17 00:00:00 2001
From: nongyehong <2439646234@qq.com>
Date: Thu, 26 Sep 2024 02:37:54 +0800
Subject: [PATCH] =?UTF-8?q?fix(component):=20:bug:=20=E4=BF=AE=E5=A4=8Dait?=
 =?UTF-8?q?=E5=BC=B9=E5=87=BA=E6=A1=86=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/rightBox/chatBox/ChatFooter.vue |  3 +--
 src/layout/left/model.tsx                      |  8 ++++----
 src/styles/scss/global/variable.scss           |  4 ++--
 src/styles/scss/message.scss                   |  2 +-
 src/styles/scss/theme/default.scss             | 18 +++++++++++++-----
 src/styles/scss/theme/simple.scss              | 14 ++++++++++++++
 src/views/homeWindow/more/settings/model.tsx   |  2 +-
 7 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/src/components/rightBox/chatBox/ChatFooter.vue b/src/components/rightBox/chatBox/ChatFooter.vue
index 1ba0c73..8ad7237 100644
--- a/src/components/rightBox/chatBox/ChatFooter.vue
+++ b/src/components/rightBox/chatBox/ChatFooter.vue
@@ -1,7 +1,6 @@
 <template>
   <!-- 底部栏 -->
-  <main
-    class="size-full relative z-10 bg-transparent backdrop-blur-2xl border-t-(1px solid [--line-color]) color-[--icon-color]">
+  <main class="size-full relative z-10 border-t-(1px solid [--right-chat-footer-line-color]) color-[--icon-color]">
     <!-- 输入框顶部选项栏 -->
     <n-flex align="center" justify="space-between" class="p-[10px_22px_5px] select-none">
       <n-flex align="center" :size="0" class="input-options">
diff --git a/src/layout/left/model.tsx b/src/layout/left/model.tsx
index 2c7fa7d..4db5377 100644
--- a/src/layout/left/model.tsx
+++ b/src/layout/left/model.tsx
@@ -113,7 +113,7 @@ export const LockScreen = defineComponent(() => {
  */
 export const CheckUpdate = defineComponent(() => {
   const url = ref(
-    `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/releases/tags/v${pkg.version}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
+    `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/releases/tags/v${pkg.version}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
   )
   /** 项目提交日志记录 */
   const commitLog = ref<{ message: string; icon: string }[]>([])
@@ -204,7 +204,7 @@ export const CheckUpdate = defineComponent(() => {
   }
 
   const checkUpdate = () => {
-    const url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=desc&page=1&per_page=1`
+    const url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=desc&page=1&per_page=1`
     if (lastVersion && lastVersion === `v${pkg.version}`) {
       window.$message.success('当前已是最新版本')
       return
@@ -222,7 +222,7 @@ export const CheckUpdate = defineComponent(() => {
             }, 600)
           } else {
             setTimeout(() => {
-              let url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=asc&page=1`
+              let url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=asc&page=1`
               fetch(url).then((res) => {
                 res.json().then(async (data) => {
                   const allVersion = [] as number[]
@@ -231,7 +231,7 @@ export const CheckUpdate = defineComponent(() => {
                     allVersion.push(Number(item.name.slice(1, 4)))
                   })
                   newVersion.value = `v${Math.max(...allVersion)}.0`
-                  url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/releases/tags/${newVersion.value}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
+                  url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/releases/tags/${newVersion.value}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
                   getCommitLog(url, true)
                   text.value = '立即更新'
                   checkLoading.value = false
diff --git a/src/styles/scss/global/variable.scss b/src/styles/scss/global/variable.scss
index 1133892..6450d7f 100644
--- a/src/styles/scss/global/variable.scss
+++ b/src/styles/scss/global/variable.scss
@@ -50,7 +50,7 @@ html, body, svg {
   --disabled-color: #c1c1c1;
   // 气泡背景颜色
   --bg-bubble: rgb(253, 253, 253);
-  --bg-bubble-active: #dedede;
+  --bg-bubble-active: #f1f1f1;
   // 头像状态的背景颜色
   --bg-avatar: rgba(241, 241, 241, 1);
   // 个人信息框背景颜色
@@ -124,7 +124,7 @@ html[data-theme='dark'] {
   --disabled-color: #575757;
   // 气泡背景颜色
   --bg-bubble: rgb(38, 38, 38);
-  --bg-bubble-active: #202020;
+  --bg-bubble-active: rgba(66, 66, 66, 0.8);
   // 头像状态的背景颜色
   --bg-avatar: rgba(22, 22, 22, 1);
   // 个人信息框背景颜色
diff --git a/src/styles/scss/message.scss b/src/styles/scss/message.scss
index 244ac95..e9544b3 100644
--- a/src/styles/scss/message.scss
+++ b/src/styles/scss/message.scss
@@ -19,7 +19,7 @@
 }
 
 .active {
-  background: var(--bg-active-msg);
+  background: var(--msg-active-color);
   border-radius: 12px;
   color: #fff;
   .text {
diff --git a/src/styles/scss/theme/default.scss b/src/styles/scss/theme/default.scss
index 1e0ec4e..9974759 100644
--- a/src/styles/scss/theme/default.scss
+++ b/src/styles/scss/theme/default.scss
@@ -15,11 +15,15 @@
     --border-active-color: #64a29c;
 
     // 右边布局内容背景
-    --right-theme-bg-color: radial-gradient(circle at top left, #ffd1ff4c 4%, #82c1bb66 100%);
+    --right-theme-bg-color: radial-gradient(circle at top left, rgba(255, 209, 255, 0.3) 4%, rgba(130, 193, 187, 0.3) 100%);
 
     // 聊天框主体样式
     --right-chat-reply-color: #f1f1f1;
     --right-chat-reply-active-color: rgba(99, 99, 99, 0.1);
+    --right-chat-footer-line-color: rgba(99, 99, 99, 0.1);
+
+    // 消息列表样式
+    --msg-active-color: #13987f;
 
     //列表通用hover
     --list-hover-color: rgba(99, 99, 99, 0.1);
@@ -33,20 +37,24 @@ html[data-theme='dark'] {
      --left-active-bg-color: rgba(222, 222, 222, 0.1);
      --left-text-color: #ccc;
      --left-icon-color: #ccc;
-     --left-active-hover: rgba(19, 152, 127, 0.8);
+     --left-active-hover: rgba(26, 178, 146, 0.8);
      --left-bg-hover: rgba(133, 133, 133, 0.2);
-     --left-active-icon-color: #13987f;
-     --left-win-icon-color: rgba(19, 152, 127, 0.8);
+     --left-active-icon-color: #1ab292;
+     --left-win-icon-color: #1ab292;
 
      // 包含边框的选中样式
      --border-active-color: #64a29c;
 
      // 右边布局内容背景
-     --right-theme-bg-color: radial-gradient(circle at top left, #ffd1ff4c 4%, #82c1bb66 100%);
+     --right-theme-bg-color: radial-gradient(circle at top left, rgba(255, 209, 255, 0.2) 4%, rgba(130, 193, 187, 0.2) 100%);
 
      // 聊天框主体样式
      --right-chat-reply-color: #666;
      --right-chat-reply-active-color: rgba(255, 255, 255, 0.1);
+     --right-chat-footer-line-color: #444;
+
+     // 消息列表样式
+     --msg-active-color: rgba(19, 152, 127, 0.4);
 
      //列表通用hover
      --list-hover-color: rgba(244, 244, 244, 0.1);
diff --git a/src/styles/scss/theme/simple.scss b/src/styles/scss/theme/simple.scss
index 836af30..b0989c1 100644
--- a/src/styles/scss/theme/simple.scss
+++ b/src/styles/scss/theme/simple.scss
@@ -20,6 +20,13 @@
    // 聊天框主体样式
    --right-chat-reply-color: #ddd;
    --right-chat-reply-active-color: rgba(99, 99, 99, 0.1);
+   --right-chat-footer-line-color: #e3e3e3;
+
+   // 消息列表样式
+   --msg-active-color: #13987f;
+
+   //列表通用hover
+   --list-hover-color: rgba(99, 99, 99, 0.1);
  }
 }
 
@@ -44,6 +51,13 @@ html[data-theme='dark'] {
     // 聊天框主体样式
     --right-chat-reply-color: #3b3b3b;
     --right-chat-reply-active-color: rgba(255, 255, 255, 0.1);
+    --right-chat-footer-line-color: #404040;
+
+    // 消息列表样式
+    --msg-active-color: rgba(19, 152, 127, 0.4);
+
+    //列表通用hover
+    --list-hover-color: rgba(244, 244, 244, 0.1);
   }
 }
 /**! end */
diff --git a/src/views/homeWindow/more/settings/model.tsx b/src/views/homeWindow/more/settings/model.tsx
index ad8eb6e..738680b 100644
--- a/src/views/homeWindow/more/settings/model.tsx
+++ b/src/views/homeWindow/more/settings/model.tsx
@@ -136,7 +136,7 @@ const topicsList: Topic = [
 ]
 
 const versatileModel: JSX.Element = (() => (
-  <div class="w-300px h-200px rounded-8px custom-shadow flex rounded-8px border-(1px solid [--line-color])">
+  <div class="w-300px h-200px rounded-8px custom-shadow flex border-(1px solid [--line-color])">
     <div class="bg-[--left-bg-color] flex-1 rounded-[6px_0_0_6px] flex-col-x-center">
       <div class="text-(8px [--left-text-color]) mt-10px">HuLa</div>
       <div class="bg-[--left-bg-hover] size-18px rounded-6px mt-10px"></div>