style(bot): 💄 modify bot styles

src/components/rightBox/chatBox/Bot.vue

@@ -3,7 +3,7 @@
     <!-- 顶部工具栏 -->
     <div class="language-switcher">
       <div v-if="canGoBack" class="back-btn flex-shrink-0" @click="goBack">
-        <svg class="size-16px rotate-180"><use href="#right"></use></svg>
+        <svg class="rotate-180"><use href="#right"></use></svg>
         返回
       </div>
       <div v-if="showAssistantMinimalToolbar" class="assistant-compact-toolbar">
@@ -722,8 +722,7 @@ onUnmounted(() => {
   .back-btn {
     display: flex;
     align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
+    padding: 6px 10px;
     border-radius: 6px;
     cursor: pointer;
     font-size: 13px;
@@ -739,8 +738,7 @@ onUnmounted(() => {
     }
 
     &:hover {
-      background: #fbb99030;
-      color: #fbb160;
+      @apply bg-[#13987f40] text-[#13987f];
     }
   }
 
@@ -780,8 +778,7 @@ onUnmounted(() => {
     }
 
     &:hover {
-      background: #fbb99030;
-      color: #fbb160;
+      @apply bg-[#13987f40] text-[#13987f];
     }
   }
 
@@ -853,15 +850,12 @@ onUnmounted(() => {
     -webkit-user-select: none;
 
     &:hover {
-      background: #fbb99030;
-      color: #fbb160;
+      @apply dark:bg-[#13987f40] bg-[#e8f4f1] text-[#13987f];
     }
 
     &.active {
-      background: #fbb99040;
-      color: #fbb160;
-      font-weight: 500;
-      box-shadow: inset 0 0 0 1px #fbb16040;
+      @apply dark:bg-[#13987f40] bg-[#e8f4f1] text-[#13987f];
+      box-shadow: inset 0 0 0 1px #13987f60;
     }
   }
 
@@ -921,18 +915,18 @@ onUnmounted(() => {
   }
   --fgColor-default: var(--text-color);
   --fgColor-muted: var(--chat-text-color, var(--text-color));
-  --fgColor-accent: #fbb160;
-  --fgColor-attention: #fbb160;
-  --fgColor-success: var(--success-color, #1a7f37);
+  --fgColor-accent: #13987f;
+  --fgColor-attention: #13987f;
+  --fgColor-success: var(--success-color, #13987f);
   --fgColor-danger: var(--danger-color, #d1242f);
   --bgColor-default: var(--bg-color);
   --bgColor-muted: var(--bg-msg-hover);
   --bgColor-neutral-muted: rgba(144, 144, 144, 0.15);
-  --bgColor-attention-muted: rgba(251, 177, 96, 0.16);
+  --bgColor-attention-muted: #13987f16;
   --borderColor-default: var(--line-color);
   --borderColor-muted: var(--line-color);
   --borderColor-neutral-muted: rgba(144, 144, 144, 0.2);
-  --borderColor-accent-emphasis: #fbb160;
+  --borderColor-accent-emphasis: #13987f;
 
   // 为表格创建滚动包装器
   :deep(.markdown-body) {

src/components/rightBox/chatBox/ChatHeader.vue

@@ -25,8 +25,8 @@
             <!-- bot用户标签 -->
             <div
               v-if="isBotUser"
-              class="dark:bg-[#fbb99020] bg-[#fbb99030] dark:border-(1px solid #fbb99020) border-(1px solid #fbb99040) flex-center px-8px py-4px rounded-6px">
-              <p class="text-(11px #fbb160)">助手</p>
+              class="dark:bg-[#13987f40] bg-[#e8f4f1] dark:border-(1px solid #13987f) border-(1px solid #13987f) flex-center px-8px py-4px rounded-6px">
+              <p class="text-(11px #13987f)">助手</p>
             </div>
           </label>
           <svg v-if="activeItem.hotFlag === IsAllUserEnum.Yes" class="size-20px color-#13987f select-none outline-none">

src/styles/scss/global/variable.scss

@@ -132,8 +132,6 @@ svg {
   // --safe-area-inset-bottom: 16px;
   // --safe-area-inset-left: 0px;
   --van-dialog-confirm-button-text-color: #169b80;
-  // 右键选中
-  --active-context-menu: #606060;
 }
 
 html[data-theme='dark'] {
@@ -235,8 +233,6 @@ html[data-theme='dark'] {
   --group-notice-list-bg: #262626;
   // 文件文本的背景颜色
   --file-bg-color: #222;
-  // 右键选中
-  --active-context-menu: #e9e9e9;
 }
 /**! end */
 // 线性动画

src/styles/scss/message.scss

@@ -10,11 +10,11 @@
   @apply cursor-pointer transition-all duration-300 ease-in-out;
 
   &.context-menu-active {
-    box-shadow: inset 0 0 0 1px #909090;
+    box-shadow: inset 0 0 0 1px #13987f;
   }
 
   &.active-context-menu {
-    box-shadow: inset 0 0 0 1px var(--active-context-menu);
+    box-shadow: inset 0 0 0 1px #909090;
   }
 
   .text {
@@ -42,8 +42,8 @@
 
 /** 助手样式 */
 .active-bot {
-  @apply dark:bg-[#fbb99040]! bg-[#fbb99060]! text-[#fbb160]!;
-  box-shadow: inset 0 0 0.8px 0.8px #fbb16090;
+  @apply dark:bg-[#13987f40]! bg-[#e8f4f1]! text-[#13987f]!;
+  box-shadow: inset 0 0 0.8px 0.8px #13987f;
 }
 
 :deep(.n-badge .n-badge-sup) {

src/views/homeWindow/message/index.vue

@@ -47,6 +47,15 @@
                   </template>
                   <span>官方群聊认证</span>
                 </n-popover>
+
+                <n-popover trigger="hover" v-if="item.account === UserType.BOT">
+                  <template #trigger>
+                    <svg class="size-20px select-none outline-none cursor-pointer color-#13987f">
+                      <use href="#authenticationUser"></use>
+                    </svg>
+                  </template>
+                  <span>HuLa助手</span>
+                </n-popover>
               </n-flex>
               <span
                 :class="{ 'text-[#707070]! dark:text-[#fff]!': item.account === UserType.BOT }"