Contact colors

Each contact now has a Title background color picker. Its value and the title bar background subscribe to the same relative Data field, ^.color. Choose a color to update that title bar immediately; every contact keeps its own color.

Example · NiceGUI

Code

How it works · NiceGUI

Each color input has a callback that captures its contact dictionary and heading. A color change updates both the stored color and that heading’s background style. The body of the card keeps its original background.

How it compares

The displayed NiceGUI callback updates both the stored color and the heading style. Gramlot declares a shared Data binding for the picker and label background, so the dependency is expressed once as a path rather than maintained by a callback. In Gramlot this is built-in behavior, with no extra callback or custom component to maintain. This comparison concerns the displayed recipe, not every binding approach available in NiceGUI.