UI changes

[ItsAdityaKSingh]

Describe the bug
The current UI for dark mode is not appealing or does not showcase the important parts of the app. The Circular loading button can be improved. On the Chats screen, the tab color has a different green than the one used all over the app. From the onboarding screen to various Page titles and content, it can be improved with typical and custom talawa colors!

To Reproduce
Steps to reproduce the behavior:

1. Open App in Dark Mode
2. See the onboarding screen for the first time
3. Switch between Screens to see dull UI

Expected behavior
A clear UI theme and colors could be used, highlighting the main parts and titles with brighter shades.

Actual behavior
The UI was dull and unappealing for a user.

Screenshots

Additional details
The UIs need to be consistent with App's overall color scheme and look appealing and noticeable.

[ItsAdityaKSingh]

@palisadoes I would like to work on this issue and improve the UI for the better!

[palisadoes]

@rutvik11062000 What do you think? I'd greatly prefer changes to meet your design specification.

[palisadoes]

@ItsAdityaKSingh We have raised our code coverage percentage to 34%, so you'll need to add tests to this issue for the PRs to be approved.

[ItsAdityaKSingh]

@ItsAdityaKSingh We have raised our code coverage percentage to 34%, so you'll need to add tests to this issue for the PRs to be approved.

So, basically, will I need to write tests first for the particular widgets or UI components I want to change?

[palisadoes]

Yes

[ItsAdityaKSingh]

Ok. Could you help me by guiding me in a direction to start writing tests, like from which widget or function should I start unit testing so as to be able to resolve this issue?

[palisadoes]

@ItsAdityaKSingh

• You can find widget test examples here.
• Our View Model tests can be found here

This should give you an idea of how to proceed on widgets and other code.

• Any code you submit must be tested.
• If your code uses any widget, then you must ensure that the widget in question has a test too.

[ItsAdityaKSingh]

@ItsAdityaKSingh

• You can find widget test examples here.
• Our View Model tests can be found here

This should give you an idea of how to proceed on widgets and other code.

• Any code you submit must be tested.
• If your code uses any widget, then you must ensure that the widget in question has a test too.

Sure. Thanks a ton!