Refactor CSS in src/components/AddPeopleToTag/AddPeopleToTag.tsx

[rahulch07]

Refactor CSS in this file

To improve the UI/UX of Talawa-Admin we have been working on:

1. making the application more suitable to color blind users
2. streamlining all CSS into a single global file

This file contains embedded CSS references that should be completely moved to:

• src/style/app.module.css

Additional Information:

1. The foundational work for this was completed in this PR:
   -Chore/css changes #2466
2. The desired single CSS file is:
   • src/style/app.module.css

The Challenge:

The goal is for this file to use the new design pattern. This means that:

1. All embedded CSS in this file must be merged into the global CSS file using pre-existing CSS.
2. All embedded CSS in this file must be removed.

Related PR

#2984

[rahulch07]

please assign

[palisadoes]

Unassigning so you can work on the follow up for this:

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

[palisadoes]

We created an this issue to do basic changes to the CSS colors for consistency

• Update src/style/app.module.css to New Color Scheme #2880
• Updating to NEW COLOR SCHEME #2984

The resulting PR created a comprehensive design system for the entire app. This was unexpected. The approach was a long term goal that became immediately implementable. We had to act promptly.

We have just merged the PR. There will be a follow up PR to adjust some colors as the Figma design has lettering that is sometimes hard to read.

When this is done we'll need your assistance to merge the screens into the develop branch with this issue.

If your screens have not been affected, then you should use the new methodology to refactor them.

This is an extraordinary circumstance. I hope you will appreciate the decision.

[palisadoes]

We created an this issue to do basic changes to the CSS colors for consistency

• Update src/style/app.module.css to New Color Scheme #2880
• Updating to NEW COLOR SCHEME #2984

The resulting PR created a comprehensive design system for the entire app. This was unexpected. The approach was a long term goal that became immediately implementable. We had to act promptly.

We have just merged the PR. There will be a follow up PR to adjust some colors as the Figma design has lettering that is sometimes hard to read.

When this is done we'll need your assistance to merge the screens into the develop branch with this issue.

If your screens have not been affected, then you should use the new methodology to refactor them.

This is an extraordinary circumstance. I hope you will appreciate the decision.

[rahulch07]

@palisadoes this issue is completed. As issue #2880 required these files to be changed. Therefore the solution for this was submitted in PR #2984 . Solution can be seen here https://github.com/PalisadoesFoundation/talawa-admin/pull/2984/files#diff-5dfc709eb0fbff3a1aa2dca32ca5eca3cbb3e19dc84c3c8526d9e854460042f5