blomios/Nodecast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore readable contrast in native select dropdowns (#7)

Browse Source
This commit is contained in:
blomios
2026-09-30 17:14:05 +02:00
parent 4488914b2d
commit e1342348d1
1 changed files with 39 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
public/css/main.css
View File

@ -1702,6 +1702,44 @@ kbd {
border-color: var(--color-accent);
}
/* Native select popups do not consistently inherit the application theme. */
select.source-select,
select.form-input {
color-scheme: dark;
background-color: var(--color-bg-tertiary);
color: var(--color-text-primary);
}
select.source-select:focus,
select.form-input:focus {
border-color: var(--color-accent);
}
select.source-select option,
select.source-select optgroup,
select.form-input option,
select.form-input optgroup {
background-color: #1a1a25;
color: #f1f1f5;
}
select.source-select option:hover,
select.source-select option:focus,
select.source-select option:checked,
select.form-input option:hover,
select.form-input option:focus,
select.form-input option:checked {
background-color: #2a2a3a;
color: #f1f1f5;
}
select.source-select option:disabled,
select.source-select optgroup:disabled,
select.form-input option:disabled,
select.form-input optgroup:disabled {
color: #a1a1aa;
}
/* =====================================================
Context Menu
===================================================== */
@ -4819,4 +4857,4 @@ kbd {
font-size: 0.7rem;
max-width: 70px;
}
}
}