Skip to content

Checkbox is checked or not is not clear in dark and high-contrast mode #2214

Closed
@Veer0x1

Description

@Veer0x1

p5.js version

1.6.0

What is your operating system?

Mac OS

Web browser and version

113.0.5672.92 (Official Build) (arm64)

Actual Behavior

When clicking the checkbox of auto-refresh in light mode, it works fine, but in dark and high-contrast mode the checkbox becomes dark, which confuses the user whether the checkbox is checked or not.
Screenshot 2023-05-14 at 6 52 33 PM
Screenshot 2023-05-14 at 6 53 07 PM
Screenshot 2023-05-14 at 6 53 15 PM

Expected Behavior

It should show the ✔ in all modes
Screenshot 2023-05-14 at 6 53 25 PM

Screenshot 2023-05-14 at 6 53 39 PM Screenshot 2023-05-14 at 6 53 32 PM

Steps to reproduce

Steps:

  1. open p5.js web editor
  2. click the auto-refresh checkbox
  3. Click on the setting icon, change light mode to dark mode or high-contrast mode

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugError or unexpected behaviors

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions