iter(g317): 文字选区统一为主题色淡底，暗色下不再突兀

2026-10-27 00:55:50 +08:00
parent a384350697
commit 1a77f76f4f
5 changed files with 25 additions and 5 deletions
@@ -5143,6 +5143,14 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
  background: transparent; /* 双向滚动容器的右下角不留白块 */
 }

+/* ---- 文字选区：accent 淡底（浏览器默认蓝底选区在暗色 / 高对比主题下与令牌皮肤割裂，且 caret 已跟随 accent、选区却没跟，两者不一致） ---- */
+[class^='ua-']::selection,
+[class^='ua-'] ::selection,
+[class*=' ua-']::selection,
+[class*=' ua-'] ::selection {
+  background: color-mix(in srgb, var(--ua-color-accent) var(--ua-alpha-line), transparent); /* 选区底 = 主题色 30% 淡档：文字仍直接透底可读，选中区与焦点环 / 选中底同族 */
+}
+
 /* ---- 时间选择（时 / 分两列弹层） ---- */
 .ua-timepicker {
  position: relative;