App layout color structure

[Truonglv]

Hello

This thread will explain the current app layout structure.

Required resources:

• https://nobita.me/resources/mobile-apps-themes.82/

Currently all screens in app will have 2 main blocks:

• Navigation header
• Content
• Bottom bars

Navigation header using background-basic-color-1 for background color.
Content using background-basic-color-1 for background color.
Bottom bars using background-basic-color-3 for background color.


Other content (card, ...) using background-basic-color-2 for background color.
For common text in app using text-basic-color


Note: I recommend you using this site to generate colors for app: https://colors.eva.design/