Element's color

[akaDuality]

I would like to allow visually validate layout for common mistake: empty labels, missing traits and other.

Data

• empty – orange, need attention
• with labels - ?? (green checked?)
• with value - no need for additional state?
• with trait – green solid
  • button - ?? (most often)
  • header - ?? (should be close to just labeled)
  • adjustable element - purple (rare, but cool element)

Availability

• not accessible element - gray
• accessibility hidden - is it needed to be colored?
• .notEnabled trait – gray checked?

Selection

• current selected in editor – currently with border
• .selected trait – dashed border?