Different color of automations based on enabled/disabled state

[TheDaimos]

Describe the feature

I would like to suggest a clearer visual distinction between enabled and disabled automations in the automation overview.

On smartphones, the limited screen width makes it difficult to quickly identify whether an automation is currently enabled or disabled. This is especially problematic when several versions of the same automation exist, for example during testing or further development.

In such cases, it can happen that multiple versions of the same automation are enabled at the same time without this being immediately noticeable.

Use cases

This would be especially helpful when several versions of the same automation exist, for example during development, testing or troubleshooting.

A common use case is having an active production version and one or more disabled test versions of an automation. On a smartphone, it can be difficult to see at a glance which version is currently enabled. As a result, an older or test version may accidentally remain active alongside the intended version.

Examples include:

• multiple versions of a lighting automation while testing different conditions or delays
• seasonal automations, such as Christmas lighting or holiday modes, which are disabled for most of the year
• heating or ventilation automations with separate test and production versions
• temporary troubleshooting automations that should be disabled again after testing
• automations that are intentionally disabled because a device is unavailable or under maintenance
• backup or fallback automations that should only be enabled when needed

A clear color indication would make it much easier to identify the current enabled state and avoid unintentionally running duplicate or outdated automations.

Current workarounds

Automation entries in the automation overview could be visually highlighted based on their enabled or disabled state.

For example:

Enabled automations: green highlight, icon, status indicator or colored border
Disabled automations: grey or red highlight, icon, status indicator or colored border

The color does not necessarily need to cover the entire automation row. A clearly visible colored indicator, border or background accent would already make the state much easier to recognize.

Anything else?

This would:

• make the enabled/disabled state immediately visible
• improve usability on smartphones and smaller displays
• reduce the risk of accidentally running multiple versions of the same automation
• make testing and managing automations easier
• allow users to identify disabled automations without having to inspect each toggle individually

This request refers specifically to whether an automation is enabled or disabled, not whether it is currently executing.
An optional setting for choosing the colors or disabling the visual highlighting would also be useful

[karwosts]

home-assistant/frontend#53360