In some environments, texts in <option>/<optgroup> elements are invisible if the dark theme is enabled. This problem occurs because the text color matches with the background color accidentally.
I confirmed that this problem occurred in:
Chrome on Windows 10
Edge on Windows 10
Chrome on Ubuntu 22.04
Firefox on Ubuntu 22.04
Fixed it by setting background-color of these elements to --bg-color.
I confirmed that this fix won't break appearance in other environments, such as Safari/Chrome on macOS/iOS, Chrome on Android.
Description
In some environments, texts in
<option>/<optgroup>elements are invisible if the dark theme is enabled. This problem occurs because the text color matches with the background color accidentally.I confirmed that this problem occurred in:
Fixed it by setting
background-colorof these elements to--bg-color.I confirmed that this fix won't break appearance in other environments, such as Safari/Chrome on macOS/iOS, Chrome on Android.
Screenshots
Before Fix
After Fix