WTH: Give automation indent levels a color or gray fill in the gui

I don’t know what’s the best way to describe this, but I am more or less referring to my request back in 2020: Give conditions color or a gray fill · home-assistant/frontend · Discussion #7415 · GitHub

I think it would be a major improvement in readability. If the levels in an automation or script would have a color or gray fill to make it easier to keep track.

We have all kinds of levels like:

  • Choose
  • If/then
  • Conditions with and/or/not, which are part of a Choose and If/then as well.

This rejected pull request illustrates what I mean. The addition in this WTH is to add Choose and If/then to the mix. Basically just color the indents.


They rejected it cause it was expected to become not needed die to (planned) gui design changes, but I believe it’s stil needed 4 years later. It will improve the readability massively.

I agree a bit, but it annoys me more that each window becomes narrower and narrower, which matters on a smartphone.

True. Coloring could help since it might reduce the need to indent and thereby increase the usability on smaller screens. That however would likely be a big redesign.

It would be welcome, but that might be more in line with WTH Why isn’t there a flow editor for automations?