ColorPicker

A swatch grid for choosing one of the 11 cal-* colours: Calendar color, Theme color, and the pen colour in Edit preset.

Consumer provides: title and subtitle (what is being coloured), the swatches (grouped or not), the selected one.

Rules

• Six 48 dp swatch buttons per row, 28 dp discs inside a 1 dp divider border (so cal-yellow and cal-light-gray stay visible).
• Selected: sage-selected cell, 2 dp forest outline, a check on the disc. Don't also print "Red selected" — the mark is enough; the accessible label says "Red, selected". Accessible names are colour names, never hex codes.
• Calendar color offers the current colour and the unused ones; only once all 11 are assigned does it offer the whole palette (DESIGN.md). Grayscale panels offer only black, gray and light gray.
• Small centred dialog: 400 dp tablet, 343 dp phone. Never a list of colour rows.

In the app

ColorPickerDialog and InkSwatchGrid serve every colour choice: Theme color, Calendar color and the pen colour in Edit preset.

• Up to six swatch cells per row, 8 dp apart.
• Footer: “Cancel” / “Save”.
• The subtitle names what is being coloured.
• A calendar still choosing from unused colours shows a “Not used by other calendars” label.

Preview