Enhance Readability of Air Quality Text

[Divjot02]

Description:

• Current Behavior: The text color for air quality information is difficult to read.

• Expected Behavior: The text color or the background of the text should be more user-friendly and easy to read.

Steps to Reproduce:

1. Open the weather app https://avinash201199.github.io/weather-app/
2. Search for cities having different air quality.
3. Notice that it's hard to read for some air quality.

Screenshots:

Suggested Fix:

The background color of the text of air quality should be based on the Air Quality Index (AQI) to provide better visibility and context for different AQI levels.

• Good: Green color
• Satisfactory: Yellow color
• Moderate: Orange color
• Unhealthy for Sensitive Groups: Reddish color
• Unhealthy: Red color
• Very Unhealthy: Purple color
• Hazardous: Maroon color

[Divjot02]

@avinash201199 Please assign this issue to me under hacktoberfest'23