direv/admin_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(F006-W5.x.x+1 v2): ThemePicker 弹窗内文字 !important + [data-theme=dark] 兜底 (弹窗红框 2 仍糊)

Browse Source 
- .rr-theme-picker-title/name/hint/active 加 !important 强制穿透
- [data-theme=dark] :deep() 二次兜底 (即使浏览器 cache 旧版, 弹窗也清晰)
- dist 已重建 (industry-frontend:latest 24f9c2204173)
This commit is contained in:
Sisyphus 2026-07-04 16:51:50 +08:00
parent 01bd82deb3
commit e1cd69c7e5
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ThemePicker/ThemePicker.vue
View File

@ -84,7 +84,7 @@ function pick(value: string) {
.rr-theme-picker-title { .rr-theme-picker-title {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
color: var(--ink-2); color: var(--ink-2) !important;
padding: 8px 8px 12px; padding: 8px 8px 12px;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
@ -124,17 +124,17 @@ function pick(value: string) {
.rr-theme-name { .rr-theme-name {
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
color: var(--ink); color: var(--ink) !important;
} }
.rr-theme-item.active .rr-theme-name { .rr-theme-item.active .rr-theme-name {
color: var(--brand); color: var(--brand) !important;
font-weight: 600; font-weight: 600;
} }
.rr-theme-hint { .rr-theme-hint {
margin-top: 8px; margin-top: 8px;
padding: 8px 8px 0; padding: 8px 8px 0;
font-size: 11px; font-size: 11px;
color: var(--ink-3); color: var(--ink-3) !important;
text-align: center; text-align: center;
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
} }
@ -149,6 +149,16 @@ function pick(value: string) {
border-color: var(--border) !important; border-color: var(--border) !important;
color: var(--ink) !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) { :deep(.el-popper.is-light .el-popper__arrow::before) {
background: var(--surface) !important; background: var(--surface) !important;
border-color: var(--border) !important; border-color: var(--border) !important;