When using the AsyncAPI Playground with typed schemas (for example, enum string fields), the dropdown selector does not correctly handle dark mode styling. The dropdown options render with very low or no contrast against the background, making the text nearly invisible and impossible to read.
This issue occurs specifically while the dropdown is open in dark mode. Once an option is selected, the selected value is rendered correctly and respects the dark mode theme. The problem is limited to the dropdown menu list itself, not the selected state.
Expected behavior:
Dropdown options should have proper contrast in dark mode while the menu is open.
Text should be clearly readable against the background.
Actual behavior:
Dropdown options blend into the background when the menu is open, making selection difficult or impossible.
After selecting an option, the selected value displays correctly.
This significantly impacts usability when working with AsyncAPI specs that rely on enum-based selectors in dark mode.