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.

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;
+    }
 </style>