mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-12 13:48:35 +02:00
fix: use the correct design token color for the health chart background (#8783)
This change swaps out the color of the health chart "unfilled" section for `theme.palette.background.application`. This is the same color that's used in the sketches, so it should apply better for dark mode. Why? I noticed that the graph looks choppy in dark mode, so figured I'd go and investigate. This update makes it look a lot smoother. Light mode looks the same as before. Before (notice the leaking light grey):  After: 
This commit is contained in:
parent
a55a956772
commit
18591dd017
@ -118,7 +118,7 @@ export const ProjectHealth = () => {
|
|||||||
cy='50'
|
cy='50'
|
||||||
r={ChartRadius}
|
r={ChartRadius}
|
||||||
fill='none'
|
fill='none'
|
||||||
stroke={theme.palette.grey[300]}
|
stroke={theme.palette.background.application}
|
||||||
strokeWidth={ChartStrokeWidth}
|
strokeWidth={ChartStrokeWidth}
|
||||||
strokeDasharray={`${filledLength * circumference} ${gapLength * circumference}`}
|
strokeDasharray={`${filledLength * circumference} ${gapLength * circumference}`}
|
||||||
strokeDashoffset={offset * circumference}
|
strokeDashoffset={offset * circumference}
|
||||||
|
Loading…
Reference in New Issue
Block a user