Overhaul colors on the product page - 50 shades of green

[teolemon]

What

• Colors are all over the place, adding cognitive overload
• [ ] NOVA groups are not the same color as Nutri-Score or Eco-Score

  Screenshots

https://static.openfoodfacts.org/images/attributes/forest-footprint-a.svg https://static.openfoodfacts.org/images/attributes/ecoscore-a.svg https://static.openfoodfacts.org/images/attributes/organic.svg https://static.openfoodfacts.org/images/attributes/palm-oil-free.svg https://static.openfoodfacts.org/images/attributes/nova-group-1.svg Actions buttons: background-color: #4fa125; border-color: #3f811e; color: #fff; https://static.openfoodfacts.org/images/attributes/nutriscore-a.svg https://static.openfoodfacts.org/images/icons/dist/palm-oil.svg https://static.openfoodfacts.org/images/misc/low.svg

Mobile

• [ ] We have more consistency issues on the app: https://github.com/openfoodfacts/smooth-app/issues/4011 (some are API related, some are app related)

[github-actions[bot]]

This issue has been open 90 days with no activity. Can you give it a little love by linking it to a parent issue, adding relevant labels and projets, creating a mockup if applicable, adding code pointers from https://github.com/openfoodfacts/openfoodfacts-server/blob/main/.github/labeler.yml, giving it a priority, editing the original issue to have a more comprehensive description… Thank you very much for your contribution to 🍊 Open Food Facts

[github-actions[bot]]

This issue has been open 90 days with no activity. Can you give it a little love by linking it to a parent issue, adding relevant labels and projets, creating a mockup if applicable, adding code pointers from https://github.com/openfoodfacts/openfoodfacts-server/blob/main/.github/labeler.yml, giving it a priority, editing the original issue to have a more comprehensive description… Thank you very much for your contribution to 🍊 Open Food Facts