WildAid / o-fish-android

Android app for the Officer's Fishery Information Sharing Hub (O-FISH). The mobile app allows fisheries officers to document and share critical information gathered during a routine vessel inspection.
Apache License 2.0
22 stars 24 forks source link

Dark Mode for Vessel Profile page #375

Closed o-fish-wildaid closed 3 years ago

o-fish-wildaid commented 3 years ago

This issue depends on #368 being completed.

When Dark Mode is on - the Vessel Profile page should look like this: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591783_Vessel_Profile

Color key for light mode: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591768_Color_Key_-_Light_Mode Color key for dark mode: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591769_Color_Key_-_Dark_Mode Component Color specs for light mode: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591770_Component_Colors_-_Light_Mode Component Color specs for dark mode: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591771_Component_Colors_-_Dark_Mode

Both dark and light modes should follow the color key and specs above (it is possible that the current light mode is not), and colors should be stored in: app/src/main/res/values-night/colors.xml app/src/main/res/values/colors.xml

Please make sure to TEST your build on a device or emulator to verify everything has changed - you can get a login and realm-app-id with easy instructions at https://wildaid.github.io/contribute/sandbox.html

ashwinpilgaonkar commented 3 years ago

@Sheeri I'd like to work on this, can you assign it to me?

Sheeri commented 3 years ago

Hello @ashwinpilgaonkar, thanks for offering to work on this! I have assigned it to you.