From bb1585942aaee97ed4e0908ea55c429fade003d3 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sat, 10 Oct 2026 13:09:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E9=A1=B6=E6=A0=8F):=20=E6=9A=97=E8=89=B2?=
 =?UTF-8?q?=E4=B8=8B=E4=B8=AA=E4=BA=BA=E8=8F=9C=E5=8D=95=E9=87=8C=E3=80=8C?=
 =?UTF-8?q?=E6=9A=97=E8=89=B2=E3=80=8D=E9=82=A3=E4=B8=80=E8=A1=8C=E6=98=AF?=
 =?UTF-8?q?=E9=BB=91=E5=AD=97=EF=BC=8C=E7=9C=8B=E4=B8=8D=E6=B8=85=EF=BC=9B?=
 =?UTF-8?q?=E6=8C=87=E4=B8=8A=E5=8E=BB=E4=B9=9F=E6=B2=A1=E6=9C=89=E9=AB=98?=
 =?UTF-8?q?=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/shared/components/Header.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/shared/components/Header.vue b/apps/web/src/shared/components/Header.vue
index 5d018ce..c019ab5 100644
--- a/apps/web/src/shared/components/Header.vue
+++ b/apps/web/src/shared/components/Header.vue
@@ -427,17 +427,31 @@ const options = computed<Array<DropdownOption | DropdownDividerOption>>(() => {
 }
 </style>
 
-<!-- 暗色开关那一行是 render 出来挂在 dropdown 里的（teleport 到 body），scoped 够不着 -->
+<!-- 暗色开关那一行是 render 出来挂在 dropdown 里的（teleport 到 body），scoped 够不着。
+     字色、悬停底色要自己取 dropdown 的变量：teleport 出去就不在主题的容器里了，继承到的是
+     body 的黑字，暗色下黑字压在深灰底上看不见 -->
 <style>
 .theme-row {
   display: flex;
   align-items: center;
   gap: 10px;
   height: 40px;
-  padding: 0 14px 0 12px;
+  margin: 0 4px;
+  padding: 0 10px 0 8px;
+  border-radius: var(--n-border-radius);
+  color: var(--n-option-text-color);
   cursor: pointer;
 }
 
+.theme-row:hover {
+  color: var(--n-option-text-color-hover);
+  background-color: var(--n-option-color-hover);
+}
+
+.theme-row > svg {
+  color: var(--n-prefix-color);
+}
+
 .theme-row .theme-label {
   flex: 1 1 0;
   font-size: 15px;