F006 W3.xC + W5.x.x+1/3/4/5 + W6 + W7 完整批次 (17 commits) #1
@ -604,6 +604,20 @@ onMounted(loadBadges)
|
|||||||
&:hover { background: var(--bg-soft); color: var(--brand); }
|
&:hover { background: var(--bg-soft); color: var(--brand); }
|
||||||
}
|
}
|
||||||
.rr-topbar-breadcrumb { font-size: 13px; }
|
.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-right { display: flex; align-items: center; gap: 12px; }
|
||||||
.rr-topbar-user {
|
.rr-topbar-user {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -138,4 +138,22 @@ function pick(value: string) {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
border-top: 1px solid var(--border);
|
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;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -69,6 +69,16 @@
|
|||||||
--el-bg-color-overlay: var(--surface);
|
--el-bg-color-overlay: var(--surface);
|
||||||
--el-popover-bg-color: var(--surface);
|
--el-popover-bg-color: var(--surface);
|
||||||
--el-popover-border-color: var(--border);
|
--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-tooltip-bg-color: var(--ink);
|
||||||
--el-dropdown-bg-color: var(--surface);
|
--el-dropdown-bg-color: var(--surface);
|
||||||
--el-dropdown-border-color: var(--border);
|
--el-dropdown-border-color: var(--border);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user