search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
94.09k stars 32.34k forks source link

[joy-ui][Circular/Linear Progress] soft (default) variant is hard to see in dark mode #41491

Open mazstars opened 8 months ago

mazstars commented 8 months ago

Steps to reproduce

Link to live example: (required) https://mui.com/joy-ui/react-circular-progress/ https://mui.com/joy-ui/react-linear-progress/ Please switch to dark mode Steps:

  1. Circular progress or linear progress
  2. Soft variant (default setting)
  3. dark mode

Current behavior

The track is nearly invisible, and the moving blue progress is too dark. 图片 图片 图片

It becomes even worse if it is shown on a modal: 图片

Expected behavior

Previously I used 5.0.0-alpha.84 and the color was easier to identify. 图片

Not sure if this change is intended.

Context

No response

Your environment

No response

Search keywords: joy-ui progress soft dark

danilo-leal commented 8 months ago

Hey, there @mazstars; thanks for opening this issue! There's definitely room to improve aspects of Joy UI's colors. I'd recommend fixing it locally on the component in your app for now, given that the color the progress-related components use is shared across all of them, and touching on this is out of priority for us at the moment (as the team is focused on Material UI's v6). I'll keep the issue open, though, and we'll circle back when possible!