Style/design pallete colors

[Michelalmeidasilva]

✅ I have read the contributing file

Summary

Bring all the colors of the design file in the app (see Colors.ts) and apply them in the different screens according to the design file.

• New colors #313 -Figma Scheme -Figma App

Changelog

Report: I made all the changes thinking about how the figma layout is:

1. Added the color palette

2. Changing components colors with the color green to primary

3. Changing components colors with the color blue to secondary

4. Bottom navigator Tab:

   • Changed the color of active icons and texts, from green50[#4BB377] to primary[#0F853B].
   • Change in inactive icons and texts, from: gray40[#9CA6A0] to black60[#6f6f6f]
   • Change the color of the top border in bottom navigator: from green10[#DCF0E5] to gray10[#F9F9F9]

5. Changes in typography and text colors on add emission screens:

   • Custom
   • Eletricty
   • Fashion
   • Food
   • Meal
   • Purchase
   • Streaming
   • Transport

Test cases:

1. Changes from old tests on all components where they were changed.

Demo

[PierreBresson]

Closing for inactivity