From 40f5a2e233673e171db5dc332480f330ba99dc87 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Tue, 6 May 2025 20:35:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=BB=88=E7=AB=AF?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=A2=84=E8=AE=BE=E5=88=97=E8=A1=A8=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=E9=A1=B9=E6=82=AC=E5=81=9C=E5=8F=98=E8=89=B2=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/StyleCustomizer.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/StyleCustomizer.vue b/packages/frontend/src/components/StyleCustomizer.vue
index 2b6d83d..037ca19 100644
--- a/packages/frontend/src/components/StyleCustomizer.vue
+++ b/packages/frontend/src/components/StyleCustomizer.vue
@@ -1050,9 +1050,10 @@ const handleFocusAndSelect = (event: FocusEvent) => {
                  </li>
                  <li v-else v-for="(theme, index) in filteredAndSortedThemes" :key="theme._id"
                     :class="[
-                      'block md:grid md:grid-cols-[1fr_auto] items-center px-3 py-2.5 text-sm md:text-[0.95rem] transition-colors duration-200 ease-in-out gap-2 hover:bg-header', /* 小屏幕块状显示 */
+                      'block md:grid md:grid-cols-[1fr_auto] items-center px-3 py-2.5 text-sm md:text-[0.95rem] transition-colors duration-200 ease-in-out gap-2', /* 小屏幕块状显示 */
                       index < filteredAndSortedThemes.length - 1 ? 'border-b border-border' : '',
-                      { 'bg-button text-button-text': theme._id === activeTerminalThemeId?.toString() }
+                      { 'bg-button text-button-text': theme._id === activeTerminalThemeId?.toString() },
+                      { 'hover:bg-header': theme._id !== activeTerminalThemeId?.toString() }
                     ]"
                  >
                      <span class="block md:col-start-1 md:col-end-2 overflow-hidden text-ellipsis whitespace-nowrap mb-2 md:mb-0" :class="theme._id === activeTerminalThemeId?.toString() ? 'font-bold text-button-text' : 'text-foreground'" :title="theme.name">{{ theme.name }}</span>