The popup was a colored body sitting inside a white frame; users
wanted the WHOLE popup to look like the sticky note itself, with
only the outer ring + chrome remaining as frame.
- Outer rounded-2xl card now uses `colorBg(current.color)` directly
(replacing `bg-background`). Default-color notes still render on
`bg-white dark:bg-card` so the look is unchanged for uncolored
notes.
- Removed the inner card-in-card colored body wrapper; title +
content/checklist now render directly on the tinted surface.
- Header divider switched from `bg-muted/40` (opaque chrome) to a
translucent `border-black/10 dark:border-white/10` so the tint
flows under the avatar/title/X without an opaque strip.
- Action row moved into its own bordered footer strip (same
translucent divider) so the 3 buttons stay legible on every
palette tint while letting the colored surface bleed through.
- Added `data-popup-color` on the card for diagnostics.
- Reply popups inherit the same tint via the existing `color` field
on the reply payload (no plumbing change).
No payload, locale, or test-id changes. All popup e2e suites pass:
notes-popup-on-receive (3/3), notes-popup-touch-tap (2/2).
Riyadh
48ce71dee0