Skip to content

AsyncAPI Playground dropdown has unreadable contrast in dark mode when using typed enums #2663

@montovaneli

Description

@montovaneli
Image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions