[Design] Repasser sur les différences entre maquette et app (couleur fond d'écran, cards, barre de navigation)

Résumé du problème

L'application n'est pas toujours iso avec les maquettes figma.

Points remontés lors de la réunion Design du 11/08

Global :

• Couleur header + menu (fait par guilhem)
• Bulle d’aide nouvelle icone

Défis :

• Couleur des cards défis
• Couleur fond
• Majuscules nom
• Taille nom 24px
• Nom et prenom sur 2 lignes
• Center verticalement card en mobile

Ecogestes :

• Single ecogeste title bold
• Halo barre sous menu

Formulaires :

• Mettre 1% de progress sur le 0% (afficher un petit bout jaune de progression au début)

Ecran options

• Icones profile ?
• Voir les ecrans WIP (orga des cards + intutlés) ? -> https://grandlyon.icescrum.com/p/LLLE/#/taskBoard/227/story/2649
• Ces 2 points sont a vérifier avec Marion

Header

• Dégradé uniquement sur 1 seule ligne (pas sur ecogestes et conso) (pour Guilhem)

Analyse

• card comparaison, conso moyenne sur 2 lignes centrage vertical
• ~~Echelle du graph sur spécial elec ? ~~-> https://grandlyon.icescrum.com/p/LLLE/#/taskBoard/227/story/2631
• esapcement card 30px x 24px

Backoffice :

• Hauteur consentement adapter viewport reduire height du tableau -> https://grandlyon.icescrum.com/p/LLLE/#/taskBoard/227/task/7411

Logs et/ou screenshots