diff --git a/src/styles/global-popper.scss b/src/styles/global-popper.scss index e9352c4..18dedfb 100644 --- a/src/styles/global-popper.scss +++ b/src/styles/global-popper.scss @@ -87,3 +87,37 @@ .el-select__wrapper.is-focused { box-shadow: 0 0 0 1px var(--brand, #2563EB) inset, 0 0 0 3px var(--brand-glow, rgba(37, 99, 235, 0.18)) !important; } + +/* === W18.9 全局滚动条暗主题适配 (深色滚动条避免割裂) === */ +/* 默认 (亮主题): 浅灰滚动条 */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} +::-webkit-scrollbar-track { + background: transparent; +} +::-webkit-scrollbar-thumb { + background: var(--border, #E2E8F0); + border-radius: 4px; + transition: background 0.15s; +} +::-webkit-scrollbar-thumb:hover { + background: var(--ink-4, #94A3B8); +} +/* Firefox */ +html { + scrollbar-color: var(--border, #E2E8F0) transparent; + scrollbar-width: thin; +} + +/* 暗主题: 深色滚动条适配, 避免浅白滚动条在深色背景上刺眼 */ +[data-theme="dark"] ::-webkit-scrollbar-thumb { + background: var(--border, #475569); +} +[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { + background: var(--ink-3, #CBD5E1); +} +[data-theme="dark"] html { + scrollbar-color: var(--border, #475569) transparent; +}