Refactor CSS in src/components/UserPortal/CreateGroupChat/CreateGroupChat.tsx

[palisadoes]

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 this 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

[Coolsheru2526]

@palisadoes can I work on this issue?

[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.

[Cioppolo14]

Unassigning due to no activity.

[Coolsheru2526]

i am working on it will do it in 2 3 days

@palisadoes can I work on this issue?

[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]

Please proceed. The changes mentioned previously are mostly in components

[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.

[palisadoes]

Unassigning. Inactivity

[pranavnathe]

Please assign this issue to me.