danvics/pediatric-ai-scribe-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases 14 Packages Wiki Activity Actions

Fix: force color-scheme on model selects to prevent OS dark mode bleed-through

Browse source
This commit is contained in:
Daniel Onyejesi 2026-03-22 19:18:51 -04:00
parent 38d07ff37f
commit 2cd0eaa511
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/css/styles.css
View file

@ -43,8 +43,9 @@ body{font-family:'Inter',system-ui,sans-serif;background:var(--g50);color:var(--
.header-right{display:flex;align-items:center;gap:12px;}
.model-selector{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);padding:6px 12px;border-radius:8px;}
.model-selector label{font-size:12px;}
.model-selector select{padding:4px 8px;border:1px solid rgba(255,255,255,0.3);border-radius:6px;background:rgba(255,255,255,0.2);color:white;font-size:12px;font-family:inherit;max-width:220px;}
.model-selector select option{background:var(--g800);color:white;}
.model-selector select{padding:4px 8px;border:1px solid rgba(255,255,255,0.3);border-radius:6px;background:rgba(255,255,255,0.2);color:white;font-size:12px;font-family:inherit;max-width:220px;color-scheme:dark;}
.model-selector select option{background:#1f2937;color:#f3f4f6;}
.model-selector select optgroup{background:#111827;color:#9ca3af;}
.cost-badge{font-size:10px;padding:2px 8px;background:rgba(16,185,129,0.3);border:1px solid rgba(16,185,129,0.5);border-radius:10px;color:#6ee7b7;font-weight:600;white-space:nowrap;}
.header-buttons{display:flex;gap:6px;}
.btn-header{background:rgba(255,255,255,0.15);border:none;color:white;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:14px;transition:background 0.2s;}
@ -269,7 +270,9 @@ body{font-family:'Inter',system-ui,sans-serif;background:var(--g50);color:var(--
/* Per-tab model selector */
.demo-field-model { flex: 1; min-width: 180px; }
.demo-field-model select { min-width: 180px; max-width: 260px; }
.demo-field-model select { min-width: 180px; max-width: 260px; color-scheme: light; }
.tab-model-select { color-scheme: light; }
.tab-model-select option, .tab-model-select optgroup { background: white; color: var(--g800); }
/* Labs textarea */
.visit-labs, .lab-values {