diff --git a/static/css/style.css b/static/css/style.css index 1cd9371..dfe1009 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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; }