Language selector hard to read in dark mode

[dhruvkb]

Description

When the theme is set to dark, the language selector options are hard to read. This is because the options are rendered in a light font on a white surface.

Screenshots

Environment

• Device: desktop
• OS: Windows 11
• Browser: Chrome 131.0.6778.140

Additional context

This was reported on Slack.

[dhruvkb]

Okay, this was really bothering me because the select field dropdown is supposed to be a component rendered by the operating system so it should definitely have nothing to do with the color scheme of the website.

So I looked into this using BrowserStack and it turns out that on Windows (crucially different from the behaviour of macOS) the text color and background color of the <select> dropdown is actually determined from the individual <option> elements and can even be different for different options!