Remove the outer color ring from incoming notes and square the corners

Update incoming note popup to remove the outer color ring and square its corners, aligning with user request for a cleaner visual appearance.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 99be2532-d204-4370-a1aa-cfc59e3abd4a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/mkNwf1z
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
riyadhafraa
2026-05-10 14:06:29 +00:00
parent 671cedf51d
commit 6a541b5a21
@@ -345,10 +345,11 @@ export function IncomingNotePopup() {
if (!current) return null;
// Task #468: derive every accent class from the note's own color so
// Task #468/#470: derive accent classes from the note's own color so
// the popup looks like an extension of the note (pink note → pink
// ring + pink ping + pink avatar tint, etc.) instead of the previous
// fixed amber chrome that clashed with non-amber notes.
// ping + pink avatar tint, etc.) instead of the previous fixed amber
// chrome. The outer ring was removed in #470 — only the avatar bg,
// avatar ring and ping pulse still pick up the note color.
const noteColor = current.color;
const avatarBgClass = colorAvatarBg(noteColor);
const avatarRingClass = colorAvatarRing(noteColor);