[COMPASS-5877] Accessibility: Favorite Connection color is difficult to see in Dark Mode or OS Theme Created: 04/Jun/22  Updated: 27/Oct/23  Resolved: 26/Jul/23

Status: Closed
Project: Compass
Component/s: UI / UX
Affects Version/s: 1.31.2
Fix Version/s: No version

Type: Investigation Priority: Minor - P4
Reporter: Felicia Hsieh Assignee: Unassigned
Resolution: Gone away Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screen Shot 2022-06-04 at 1.08.57 PM.png     PNG File Screen Shot 2022-06-04 at 1.10.11 PM-1.png     PNG File Screen Shot 2022-06-04 at 1.14.21 PM.png     PNG File Screenshot 2022-06-08 at 15.42.16.png     PNG File Screenshot 2022-06-08 at 15.43.25.png    
Issue Links:
Related
is related to COMPASS-6367 Enable LG DarkMode in preview Closed
Epic Link: COMPASS-4448
Documentation Changes: Not Needed

 Description   

Problem Statement/Rationale

What is going wrong? What action would you like the Engineering team to take?

Please be sure to attach relevant logs with any sensitive data redacted.

Dark purple for a Favorite Connection is hard to tell when Compass Theme is in Dark Mode or OS Theme. Same dark purple changes to pink/light purple when switching between the themes.

Steps to Reproduce

How could an engineer replicate the issue you’re reporting?

Compass 1.31.2

MacOS 12.3.1

Choose Dark Theme.
Create Favorite Connection and choose Dark Purple. See the color is difficult to see.
Change to Light Theme. See the favorite connection color change.

May also want to check colors with someone who is colorblind or visually-impaired.

Expected Results

What do you expect to happen?

See the color associated with Favorite Connection to be more discernible against the dark theme.

The color should also stay the same regardless of the Light or Dark theme used.

Actual Results

What do you observe is happening?

Please see attached images

Additional Notes

Any additional information that may be useful to include.



 Comments   
Comment by Rhys Howell [ 26/Jul/23 ]

This should have gone away now that we've updated to LeafyGreen's darkmode. Feel free to reopen if that's not the case.

Comment by Maurizio Casimirri [ 08/Jun/22 ]

If I'm not mistaken we tested the contrast of those colors with some online accessibility tool though .. actually some of the combinations don't pass the test, CC: claudia.deangelis@mongodb.com, this one for example:

Generated at Wed Feb 07 22:41:05 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.