diff --git a/docs/screenshots/README.md b/docs/screenshots/README.md new file mode 100644 index 0000000..03c4d2b --- /dev/null +++ b/docs/screenshots/README.md @@ -0,0 +1,8 @@ +# Verification screenshots for #40 + +Evidence-only images used in PR #45 (Firefox native listbox rendering): + +- `firefox-dropdown-before.png` — dropdown open on `master`: option text `#666` on a dark surface +- `firefox-dropdown-after.png` — dropdown open with the fix: `#f0f0f0` text on `#222` surface + +Can be removed before merge if the maintainers prefer not to keep binary evidence in the repository. diff --git a/docs/screenshots/firefox-dropdown-after.png b/docs/screenshots/firefox-dropdown-after.png new file mode 100644 index 0000000..ef6656d Binary files /dev/null and b/docs/screenshots/firefox-dropdown-after.png differ diff --git a/docs/screenshots/firefox-dropdown-before.png b/docs/screenshots/firefox-dropdown-before.png new file mode 100644 index 0000000..05f0fc0 Binary files /dev/null and b/docs/screenshots/firefox-dropdown-before.png differ diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue index e508c27..11a75d2 100644 --- a/src/components/AppFooter.vue +++ b/src/components/AppFooter.vue @@ -189,4 +189,16 @@ .App__Footer__Filters__FilterContainer__Filter__Input { min-width: 5rem; } + /* + Dropdown option values must carry their own foreground & background : + UIkit paints `.uk-select` dark via its `.uk-background-secondary` theme, + but its base rule keeps option text color at #666. With `color-scheme: dark` + Firefox renders the native listbox surface dark, leaving #666 text nearly + invisible (Chromium paints its own surface and was unaffected). + See https://git.kaki87.net/playsearch.kaki87.net/v2-web/issues/40 + */ + .App__Footer .uk-select:not([multiple]):not([size]) option { + color: #f0f0f0; + background-color: #222; + } \ No newline at end of file