Add color-adaptive Air Quality icon based on interpreted AQI state

[deix]

Integration name

Frontend (Lovelace UI) / Air Quality entities

Link to integration documentation on our website

https://www.home-assistant.io/integrations/air_quality/

Describe the enhancement

I would like Home Assistant to display a dedicated Air Quality icon whose color dynamically reflects the interpreted air quality level (e.g., good, moderate, poor, unhealthy).

Current behavior

• Air quality is shown as a numeric value (e.g., AQI, PM2.5, etc.).
• Icon colors in the UI are generally reserved for binary states (on/off).
• There is no immediate, unified visual indicator representing overall air quality status.

Proposed behavior

• Introduce a color-adaptive Air Quality icon (similar in concept to how climate or alarm states are visually distinguished).
• The icon color would reflect Home Assistant’s interpreted air quality category
• When clicking the icon, users could see how Home Assistant maps raw sensor values to qualitative states and corresponding colors (e.g., threshold ranges for AQI categories).

This should ideally work in:

• Device overview
• Area overview
• Climate overview

The logic should be integration-agnostic and work with any entity providing AQI or air quality classification.

Use cases

• Instant visual feedback about indoor air quality without reading numeric values.
• Faster situational awareness (especially useful in households with children or allergy sufferers).
• More intuitive dashboards for non-technical users.
• Consistency with how humans interpret air quality (color-coded standards are widely used globally).

Unlike simple on/off states, air quality naturally maps to a multi-level severity scale, where color coding provides meaningful and immediate UX value.

Anything else?

Many air quality devices (e.g., IKEA air quality monitors or Airthings devices) already use color-based indicators on the hardware itself. Bringing similar visual logic into Home Assistant would align the UI with real-world device behavior and user expectations.

This enhancement would improve usability without affecting existing functionality, while remaining optional and backward-compatible.

[github-actions[bot]]

🏷️ I've automatically added the integration: air_quality label to help categorize this feature request.