integreat-app icon indicating copy to clipboard operation
integreat-app copied to clipboard

Better Contrast for Malte Buttons

Open sarahsporck opened this issue 1 year ago • 6 comments

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

sarahsporck avatar Oct 04 '23 07:10 sarahsporck

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

hauf-toni avatar Nov 06 '23 11:11 hauf-toni

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

hauf-toni avatar Nov 08 '23 10:11 hauf-toni

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

f1sh1918 avatar Nov 14 '23 12:11 f1sh1918

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

sarahsporck avatar Nov 14 '23 13:11 sarahsporck

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

sarahsporck avatar Dec 06 '23 10:12 sarahsporck

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.

f1sh1918 avatar Dec 06 '23 16:12 f1sh1918