jp/asterisk-voicemail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Force dark input backgrounds with hardcoded #0a0e17

Browse Source 
- 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
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/index.css
View File

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