v1.4.1 修复深色背景黑字看不清:根元素声明 color-scheme:dark + select option 显式浅色文字/深色背景,原生下拉/滚动条/表单控件(共28处option)不再出现黑字

This commit is contained in:
2026-09-03 01:24:33 +08:00
parent 1834a23b3b
commit e8b935fab4
3 changed files with 6 additions and 0 deletions
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

+6
View File
@@ -1,5 +1,6 @@
/* 模型评测网站 - 深色仪表盘风格(高对比可读性优化) */
:root {
color-scheme: dark; /* 声明深色配色方案:原生下拉/滚动条/表单控件用浅色文字,避免黑字 */
--bg: #0f1420;
--panel: #1a2233;
--panel2: #232d43;
@@ -110,7 +111,12 @@ tr:hover td { background: rgba(91, 148, 255, 0.06); }
input[type=text], input[type=search], input[type=number], input[type=password], select, textarea {
background: var(--panel2); border: 1px solid var(--border); color: var(--text);
border-radius: 8px; padding: 7px 10px; font-size: 13px; outline: none;
color-scheme: dark;
}
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
select option { background-color: var(--panel2); color: var(--text); }
select option:hover { background-color: var(--panel); }
select option:checked { background-color: var(--accent); color: #fff; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); }
label { font-size: 12px; color: var(--muted); display: block; margin-bottom: 4px; }
.form-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }