Skip to content

Play button has insufficient contrast in light theme audio mode #1850

Description

@kwooshung

Current Behavior:

In audio mode, the play button is effectively invisible when the player uses the light theme. The control area is present, but the button color has insufficient contrast against the light background. The same control is visible as expected in the dark theme.

Expected Behavior:

The play button should remain clearly visible and provide sufficient color contrast in the light theme, just as it does in the dark theme.

Steps To Reproduce:

  1. Open the official Vidstack website demo.
  2. Switch the player to audio mode.
  3. Use the light theme.
  4. Observe the play button on the left side of the player.
  5. Switch to the dark theme and compare the same control.

Reproduction Link: How to create a repro?

Environment:

  • Framework: Official Vidstack website demo
  • Theme: Light theme (issue); dark theme works as expected
  • Player mode: Audio mode

Anything Else?

The screenshot was captured from the official website demo. The red box highlights the play button area. In the light theme, the button is difficult to see because of insufficient color contrast; the dark theme does not appear to have this issue.

Play button with insufficient contrast in light theme

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions