v2.4.2 深色背景可读性：color-scheme:dark + 主/弱文字提亮(--text #eef2fb, --muted #a9b4cd) + select option 浅色文字，原生下拉/表单控件不再黑字

2026-09-03 01:24:41 +08:00
1 changed files with 6 additions and 2 deletions
@@ -1,10 +1,11 @@
 :root {
+  color-scheme: dark;   /* 原生下拉/滚动条/表单控件用浅色文字，避免黑字 */
  --bg: #0f1420;
  --panel: #171e2e;
  --panel2: #1d2538;
  --border: #2a3550;
-  --text: #e6ebf5;
-  --muted: #8b96ad;
+  --text: #eef2fb;
+  --muted: #a9b4cd;
  --accent: #4f8cff;
  --accent2: #22c58b;
  --warn: #f5a623;
@@ -64,6 +65,9 @@ body {
  padding: 8px 10px; font-size: 13px; outline: none;
 }
 .field input:focus, .field select:focus { border-color: var(--accent); }
+.field select option { background-color: var(--panel2); color: var(--text); }
+.field select option:checked { background-color: var(--accent); color: #fff; }
+input::placeholder { color: var(--muted); opacity: 1; }
 .field input[type="range"] { width: 100%; accent-color: var(--accent); }
 .hint { color: var(--muted); font-size: 11px; margin-top: 4px; }
 .hint-inline { color: var(--muted); font-weight: 400; margin-left: 6px; }