5181-Mail_UI_improvement-part02

Description

Improve ~Mail UI according to https://www.figma.com/file/IYFNR6xuNZXd1hqGl6itT6/Mail-app-%F0%9F%94%A8?node-id=520%3A666

This is sub-MR of !69 (merged). Part no. - 02

Issue(s)

• https://gitlab.e.foundation/e/backlog/-/issues/5181

Test environment

• Download apk from https://gitlab.e.foundation/e/os/mail/-/jobs/298995/artifacts/file/app/k9mail/build/outputs/apk/debug/k9mail-debug.apk. Install in your device

Test procedures

Check out ~Mail app's various UI elements.

Technical details

Use hard-coded color codes for some basic colors (ex: background, divider colors). Because e-sdk & vendor colors are not matching with mockup design

Screenshots

Please check https://gitlab.e.foundation/e/backlog/-/issues/5181#note_204438

Check list

• Self review
• Test procedure explained
• Tested on fresh install
• Tested applied as an update
• License
• Internal documentation
• User documentation