Update src/style/app.module.css to New Color Scheme

[palisadoes]

Describe the bug

We have recently changed the color scheme to be more compatible with the needs of the color blind. This means that we have eliminated the green colors from the app.

The recent work to consolidate our CSS into the singe src/style/app.module.css file has allowed some green colors to slip through

To Reproduce
These green colors are present in the CSS. They need to be replaced with the pre-existing blue / grey tones used in other elements with similar purpose.

Expected behavior

• Replace green tones with the pre-existing blue / grey tones used in other elements with similar purpose.

Actual behavior

• See above

Screenshots

1. Color #31bb6b
   
2. Color #afffe8
   

Additional details

• N/A

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[rahulch07]

Please assign me this

[palisadoes]

Please note that we are using much more muted tones as the replacement color. Use the appropriate replacement. If I'm doubt ask @AVtheking

[rahulch07]

Please note that we are using much more muted tones as the replacement color. Use the appropriate replacement. If I'm doubt ask @AVtheking

Okay👍

[rahulch07]

@AVtheking any suggestion for color of disabled buttons. Did not found any disable button in other components to take reference . Is this ok? Or any other color?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[rahulch07]

working on it...

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[rahulch07]

@palisadoes

1. Greens in SuperAdmin, Admin, User have been replaced with their respective blue/grey tones.
2. Introduced a CSS methodology and merged to talawa-docs

---

What's next?

Should we plan to get these changes to develop branch?

Also have observed that in app.module.css there are many redundant/repetative classes. I think after all CSS components are refactored to app.module.css these issue should be addressed.

Let me know if there's anything else I can take on.

[palisadoes]

1. Implementing Dark Mode as the new CSS file is almost complete
2. Please create an issue for that and ask to be assigned

[rahulch07]

Yes

[rahulch07]

@palisadoes should this issue be closed?