fix(ui): 深色主题滚动条发白 — color-scheme 声明

声明标准 scrollbar-color 会让 WebKit 忽略 ::-webkit-scrollbar 伪样式回退
浅色默认 (WKWebView 实测), 现有伪元素方案在 Safari/WebKit 上失效。
:root/html.dark 显式声明 color-scheme: light/dark, Chromium/Firefox/WebKit
三引擎一致取深色滚动条。

Signed-off-by: shy3130 <shy3130@qq.com>
This commit is contained in:
shy3130
2026-10-28 12:47:12 +08:00
parent 9edaac28b8
commit c9f4b0e351
+6
View File
@@ -20,9 +20,15 @@
--bear: 152 67% 45%; /* #12B76A 绿跌 */
--warning: 32 95% 50%; /* #F79009 */
--danger: 4 87% 60%; /* #F04438 */
/* 原生滚动条/表单控件外观跟随主题。实测 (mac WKWebView, 2026-10): 声明了
* 标准 scrollbar-color 后引擎按规范压掉 ::-webkit-scrollbar 伪类, 但颜色值
* 又不被支持 → 落回亮色默认, 深色主题下出现白色滚动条 (桌面客户端反馈);
* color-scheme 是三引擎 (WebKit/Chromium/Gecko) 一致生效的修复。 */
color-scheme: light;
}
html.dark {
color-scheme: dark;
--base: 240 5% 5%; /* #0A0A0B */
--surface: 240 7% 10%; /* #18181B 略亮一点,与 base 对比清晰 */
--elevated: 240 9% 14%; /* #212126 */