ciberfauna/guara
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 19 Wiki Activity

Merge pull request #14 from lucasrguerra/fix/select-option-colors

Browse Source 
UI: fix white text on white background in select dropdowns
This commit is contained in:
Lucas Rayan Guerra authored and GitHub committed 2026-10-20 10:10:36 -03:00
2 parents 7e58a7f607 6012013b75
commit a8acde30da
1 file changed
+2
Download Patch File Download Diff File Expand all files Collapse all files
apps/gui/ui/app.css
+2
View File
@@ -212,6 +212,8 @@ details.adv[open] summary { margin-bottom: 10px; }
.chip[aria-pressed="true"] { background: var(--text); color: var(--bg); } .chip[aria-pressed="true"] { background: var(--text); color: var(--bg); }
.chip small { opacity: .6; margin-left: 4px; font-variant-numeric: tabular-nums; } .chip small { opacity: .6; margin-left: 4px; font-variant-numeric: tabular-nums; }
.input, .select { border: 0; border-radius: 12px; padding: 9px 14px; background: color-mix(in srgb, var(--text) 7%, transparent); color: var(--text); font: inherit; min-width: 0; } .input, .select { border: 0; border-radius: 12px; padding: 9px 14px; background: color-mix(in srgb, var(--text) 7%, transparent); color: var(--text); font: inherit; min-width: 0; }
/* O fundo do select é translúcido; a lista aberta não herda isso e vinha branca com texto claro no tema escuro. */
.select option, .select optgroup { background-color: var(--surface); color: var(--text); }
.input { flex: 1 1 200px; } .input { flex: 1 1 200px; }
.input::placeholder { color: var(--text-3); } .input::placeholder { color: var(--text-3); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; } .split { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }