diff --git a/src/components/AppLayout/AppLayout.vue b/src/components/AppLayout/AppLayout.vue index e8a4d90..2ba1043 100644 --- a/src/components/AppLayout/AppLayout.vue +++ b/src/components/AppLayout/AppLayout.vue @@ -604,6 +604,20 @@ onMounted(loadBadges) &:hover { background: var(--bg-soft); color: var(--brand); } } .rr-topbar-breadcrumb { font-size: 13px; } + +/* ===== W5.x.x+1: 暗主题下 el-breadcrumb 文字糊(红框 1)强制覆盖 ===== + EP 内部 el-breadcrumb__inner 用 var(--el-text-color-regular) 但优先级被 + scoped 选择器打回 → 用 :deep() + !important 强制跟主题色走 */ +.rr-topbar-breadcrumb :deep(.el-breadcrumb__inner) { + color: var(--ink) !important; + font-weight: 400; +} +.rr-topbar-breadcrumb :deep(.el-breadcrumb__inner.is-link:hover) { + color: var(--brand) !important; +} +.rr-topbar-breadcrumb :deep(.el-breadcrumb__separator) { + color: var(--ink-3) !important; +} .rr-topbar-right { display: flex; align-items: center; gap: 12px; } .rr-topbar-user { display: flex; diff --git a/src/components/ThemePicker/ThemePicker.vue b/src/components/ThemePicker/ThemePicker.vue index 16c985d..6e59ddb 100644 --- a/src/components/ThemePicker/ThemePicker.vue +++ b/src/components/ThemePicker/ThemePicker.vue @@ -138,4 +138,22 @@ function pick(value: string) { text-align: center; border-top: 1px solid var(--border); } + +/* ===== W5.x.x+1: 暗主题下主题弹窗文字糊(红框 2)强制覆盖 ===== + EP 2.x 的 el-popover 实际读 --el-popper-bg-color(popper ≠ popover), + tokens.scss 已加 6 个 popper 变量,这里再补 :deep() 保险: + scoped 选择器对 teleport 出去的内容穿透,EP 弹窗会被 popper + 容器包裹,所以 :deep() 也得穿透 */ +:deep(.el-popper.is-light) { + background: var(--surface) !important; + border-color: var(--border) !important; + color: var(--ink) !important; +} +:deep(.el-popper.is-light .el-popper__arrow::before) { + background: var(--surface) !important; + border-color: var(--border) !important; +} +:deep(.el-popper.is-light .el-popper__title) { + color: var(--ink) !important; +} diff --git a/src/theme/tokens.scss b/src/theme/tokens.scss index 57d42a7..4bd4ad1 100644 --- a/src/theme/tokens.scss +++ b/src/theme/tokens.scss @@ -69,6 +69,16 @@ --el-bg-color-overlay: var(--surface); --el-popover-bg-color: var(--surface); --el-popover-border-color: var(--border); + // ===== Element Plus Popper 容器(W5.x.x+1: 补 W5.x.x 漏的 popper bg) ===== + // EP 2.x 实际读的是 --el-popper-bg-color(popper ≠ popover),W5.x.x 漏覆盖 + // 导致 el-popover / el-tooltip / el-dropdown / el-select-dropdown 等 + // 在暗主题下用 EP 默认亮色背景(色差反了) + --el-popper-bg-color: var(--surface); + --el-popper-border-color: var(--border); + --el-popper-title-text-color: var(--ink); + --el-popper-arrow-bg-color: var(--surface); + --el-popper-plain-bg-color: var(--surface); + --el-popper-padding: 12px; --el-tooltip-bg-color: var(--ink); --el-dropdown-bg-color: var(--surface); --el-dropdown-border-color: var(--border);