Increase contrast on todo done-reversable styles
What does this MR do and why?
Increases contrast on todo done-reversable styles
- Add
filter: grayscale(1)to avatar - Lighten background color to
gray-10 - Increase text
opacityto0.5for higher contrast
| Foreground | Background | Contrast | |
|---|---|---|---|
| Before | #C7C7CA |
#ECECEF |
1.4:1 |
| After | #97969B |
#FBFAFD |
2.8:1 |
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Add To-Do items
- Go to http://127.0.0.1:3000/dashboard/todos
- Press the "Done" (check) button
- View "done-reversable" state styles
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Closes #385172 (closed)