From e1cd69c7e5ffe9a5a783284e2e0fb03355818442 Mon Sep 17 00:00:00 2001
From: Sisyphus <sisyphus@direv.local>
Date: Sat, 4 Jul 2026 16:51:50 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006-W5.x.x+1=20v2):=20ThemePicker=20?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=86=85=E6=96=87=E5=AD=97=20!important=20+?=
 =?UTF-8?q?=20[data-theme=3Ddark]=20=E5=85=9C=E5=BA=95=20(=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E7=BA=A2=E6=A1=86=202=20=E4=BB=8D=E7=B3=8A)=20-=20.rr?=
 =?UTF-8?q?-theme-picker-title/name/hint/active=20=E5=8A=A0=20!important?=
 =?UTF-8?q?=20=E5=BC=BA=E5=88=B6=E7=A9=BF=E9=80=8F=20-=20[data-theme=3Ddar?=
 =?UTF-8?q?k]=20:deep()=20=E4=BA=8C=E6=AC=A1=E5=85=9C=E5=BA=95=20(?=
 =?UTF-8?q?=E5=8D=B3=E4=BD=BF=E6=B5=8F=E8=A7=88=E5=99=A8=20cache=20?=
 =?UTF-8?q?=E6=97=A7=E7=89=88,=20=E5=BC=B9=E7=AA=97=E4=B9=9F=E6=B8=85?=
 =?UTF-8?q?=E6=99=B0)=20-=20dist=20=E5=B7=B2=E9=87=8D=E5=BB=BA=20(industry?=
 =?UTF-8?q?-frontend:latest=2024f9c2204173)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ThemePicker/ThemePicker.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/ThemePicker/ThemePicker.vue b/src/components/ThemePicker/ThemePicker.vue
index 7a26426..e4eb633 100644
--- a/src/components/ThemePicker/ThemePicker.vue
+++ b/src/components/ThemePicker/ThemePicker.vue
@@ -84,7 +84,7 @@ function pick(value: string) {
 .rr-theme-picker-title {
   font-size: 12px;
   font-weight: 600;
-  color: var(--ink-2);
+  color: var(--ink-2) !important;
   padding: 8px 8px 12px;
   letter-spacing: 0.02em;
 }
@@ -124,17 +124,17 @@ function pick(value: string) {
 .rr-theme-name {
   font-size: 13px;
   font-weight: 500;
-  color: var(--ink);
+  color: var(--ink) !important;
 }
 .rr-theme-item.active .rr-theme-name {
-  color: var(--brand);
+  color: var(--brand) !important;
   font-weight: 600;
 }
 .rr-theme-hint {
   margin-top: 8px;
   padding: 8px 8px 0;
   font-size: 11px;
-  color: var(--ink-3);
+  color: var(--ink-3) !important;
   text-align: center;
   border-top: 1px solid var(--border);
 }
@@ -149,6 +149,16 @@ function pick(value: string) {
   border-color: var(--border) !important;
   color: var(--ink) !important;
 }
+/* 兜底: 暗主题下即使弹窗白底, 内部也用深色字 */
+[data-theme="dark"] :deep(.el-popper.is-light) {
+  background: var(--surface) !important;
+  color: var(--ink) !important;
+}
+[data-theme="dark"] :deep(.el-popper.is-light .rr-theme-name),
+[data-theme="dark"] :deep(.el-popper.is-light .rr-theme-picker-title),
+[data-theme="dark"] :deep(.el-popper.is-light .rr-theme-hint) {
+  color: var(--ink) !important;
+}
 :deep(.el-popper.is-light .el-popper__arrow::before) {
   background: var(--surface) !important;
   border-color: var(--border) !important;