quiet icon indicating copy to clipboard operation
quiet copied to clipboard

Insufficient color contrast - list of elements to change

Open kingalg opened this issue 1 year ago • 0 comments

For more details on issue check: https://github.com/TryQuiet/quiet/issues/2592

Some elements had insufficient color contrast and Jason provided informations necessary to fixe it:

Blue links: Yes, this is deprecated. We have a darker blue (#1B6FEC) in our global Figma variables/tokens that we use for inline links such as these. It has a contrast of 4.63. Let's use this instead. Placeholder text in forms: Perfect, I didn't catch this one, let's use #767676 for the placeholder text which is 4.54. I've added this to the global variables/tokens in Figma and set the placeholder text to use it in all forms.

Colors need to be replaced in below places (mobile and desktop):

  • placeholders in "Join community", "Create your community" and in general area users use to write a message,
  • links "create a new community", "join a community"
  • link that is send by users in message

Below you will find print screens from mentioned areas: Screenshot 2024-08-07 at 14 10 30 Screenshot 2024-08-07 at 14 11 03 Screenshot 2024-08-07 at 14 15 26

kingalg avatar Aug 07 '24 14:08 kingalg