A social internet radio platform built on AT Protocol. atradio.fm
atproto radio
7

Configure Feed

Select the types of activity you want to include in your feed.

style(listeners): use purple for the headphones/listener count, not green

synth-magenta resolves to green (#64e882); switch the listener-count badge
on StationCard and the miniplayer to synth-purple so it reads distinct from
the cyan/pink/green already in the card.

Tsiry Sandratraina (Jul 15, 2026, 8:37 AM +0300) a935eb66 089c3a96

+2 -2
+1 -1
apps/web/src/components/Player.tsx
··· 390 390 )} 391 391 {listeners ? ( 392 392 <span 393 - className="flex shrink-0 items-center gap-1 text-xs text-synth-magenta" 393 + className="flex shrink-0 items-center gap-1 text-xs text-synth-purple" 394 394 title={`${listeners} unique ${listeners === 1 ? "listener" : "listeners"}`} 395 395 > 396 396 <IconHeadphones size={13} />
+1 -1
apps/web/src/components/StationCard.tsx
··· 109 109 <Chip 110 110 size="sm" 111 111 variant="soft" 112 - className="gap-1 !bg-synth-magenta/10 !text-synth-magenta" 112 + className="gap-1 !bg-synth-purple/10 !text-synth-purple" 113 113 title={`${listeners} unique ${listeners === 1 ? "listener" : "listeners"}`} 114 114 > 115 115 <IconHeadphones size={12} />