Most UI colors are static. A primary button is blue. A destructive action is red. A success message is green. These colors are set at design time and never change. In other words, they are properties of the component, not of the data inside it.
However, when the data changes, the UI color should update dynamically. This sounds obvious, but most designs don’t account for it. They define a color for each component type and leave it at that. The assumption is that a component’s color describes what it is. What gets missed is that a component’s color could instead describe different data states...
