search

digitalfabrik / integreat-app

React JS and React Native App for Integreat
https://integreat.app
MIT License
45 stars 15 forks source link

Better Contrast for Malte Buttons #2497

Open sarahsporck opened 9 months ago

sarahsporck commented 9 months ago

Is your feature request related to a problem? Please describe. Malte buttons do have this incredibly bright-red-danger background. While the text is displayed in some grayish color. This is not only badly accessible, but also hard to read in general.

Describe the solution you'd like Calculate font color from background color, when using colored backgrounds.

Describe alternatives you've considered Use static font colors in build configs for colored backgrounds.

Additional context Bildschirmfoto 2023-10-04 um 09 41 27Bildschirmfoto 2023-10-04 um 09 44 12

hauf-toni commented 8 months ago

design/color-proposal can be found 📍 here @sarahsporck

hauf-toni commented 8 months ago

@sarahsporck I've added a screen design for the feedback view (default + seleocted). Let me know if you have any questions 📭

f1sh1918 commented 7 months ago

@sarahsporck why are the examples in red and green? the green one is Aschaffenburg? Should this also be adjusted?

sarahsporck commented 7 months ago

exactly. red is malte and green is aschaffenburg. Both suffer from bad contrast. I also mentioned this in the figma design.

sarahsporck commented 7 months ago

Is this one ready or still in review now @f1sh1918? :) It's a little bit unclear where we ended off.

f1sh1918 commented 7 months ago

Is this one ready or still in review now @f1sh1918? :) It's a little bit unclear where we ended off.

I think we have to check the Design but atm I have to time for that.