Design/Accessability: Text Background Contrast for white-on-pink and lightblue-on-midblue

[jdittrich]

Problem: Some color combinations have low contrast and thus low readability for people with visual impairments.

Typical Problems:

• lightblue (rgb(157, 211, 242)) on midblue (rgb(31, 112, 158))
  

• white (rgb(255,255,255)) on pink (rgb(255, 56, 119))
  

Possible Solutions

• For blue colors: Consider if the same text in white instead of light blue would also look fine.
  

• For pink: Consider using a darker pink (--pink-darker, rgb(213, 43, 97))
  
  or don’t use pink as background color for large areas and use --mainGrey instead, maybe with a pink accent border.
  

[Twissi]

hi @jdittrich, thanks for adding this issue. The lightblue on midblue was removed.
I think we only need to deal with the pink, but not sure what we want to do yet.