search

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 home page #370

Closed o-fish-wildaid closed 4 years ago

o-fish-wildaid commented 4 years ago

This issue depends on #368 being completed.

When Dark Mode is on - the home page should look like this: https://mongodb.invisionapp.com/share/PCYZ6ZW7FR8#/screens/433591778_Home

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

thearavind commented 4 years ago

Hi, Can I work on this issue

Sheeri commented 4 years ago

absolutely @thearavind! I have assigned this to you. Please make sure to reuse the colors and styles that already exist where possible in: app/src/main/res/values-night/ and app/src/main/res/values/