Force dark input backgrounds with hardcoded #0a0e17

- replace var(--bg-surface) with literal #0a0e17 in input CSS
- add -webkit-appearance:none to prevent native widget override
- apply to both main and .modal input rules
This commit is contained in:
jp
2026-08-13 18:40:22 +01:00
parent 1b6bc9f057
commit 7c983198e9

View File

@ -253,20 +253,28 @@ input[type="date"] {
border: 1px solid var(--border);
border-radius: 7px;
font: 14px var(--font-sans);
background: var(--bg-surface);
background-color: #0a0e17;
background: #0a0e17;
color: var(--text-primary);
-webkit-text-fill-color: var(--text-primary);
transition: all 0.2s;
-webkit-appearance: none;
appearance: none;
}
input:focus {
outline: none;
border-color: var(--accent-cyan);
box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1), var(--glow-cyan);
background-color: #0a0e17;
background: #0a0e17;
}
input[type="date"] {
width: auto;
color-scheme: dark;
background-color: #0a0e17;
background: #0a0e17;
}
label {
@ -370,14 +378,18 @@ tr:hover td { background: rgba(255, 255, 255, 0.01); }
border: 1px solid var(--border);
border-radius: 7px;
font: 14px var(--font-sans);
background: var(--bg-surface);
background-color: #0a0e17;
background: #0a0e17;
color: var(--text-primary);
-webkit-text-fill-color: var(--text-primary);
}
.modal input:focus {
outline: none;
border-color: var(--accent-cyan);
box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
background-color: #0a0e17;
background: #0a0e17;
}
.modal .row {