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.

Live example · Gramlot JS

Code

How it works · Gramlot JS

The helper initializes c1.color through c6.color and connects each picker and title background to the relative ^.color path. live: true commits color changes immediately. The shared CSS supplies the default appearance without overriding the bound title color.