789a749828b6
fix chirp sync intro: readable headline (t0), shorter body copy, borderless accent-glow back button
- time
- 2026-05-18 22:22 UTC · 5 months ago
- machine
- koh2
- parent
- 16f5d5f99514
↓ peach-browser-789a7498.tar.gzatlas at this save
files changed2 files
src/popup/styles/popup.css+7 −7src/popup/views/ChirpSync.tsx+2 −4src/popup/styles/popup.css+7 −7
@@ -8845,16 +8845,16 @@88458845 .peach-chirp-back {88468846 width: 32px; height: 32px;88478847 display: inline-flex; align-items: center; justify-content: center;8848- background: color-mix(in srgb, var(--peach-t0) 6%, transparent);8849- border: 1px solid color-mix(in srgb, var(--peach-t0) 12%, transparent);8848+ background: transparent;8849+ border: none;88508850 border-radius: 8px;88518851 color: var(--peach-t1);88528852 cursor: pointer;8853- transition: background 0.15s ease, color 0.15s ease;8853+ transition: color 0.15s ease, box-shadow 0.15s ease;88548854 }88558855 .peach-chirp-back:hover {8856- background: color-mix(in srgb, var(--peach-t0) 10%, transparent);8857- color: var(--peach-t0);8856+ color: var(--peach-accent);8857+ box-shadow: 0 0 10px color-mix(in srgb, var(--peach-accent) 24%, transparent);88588858 }88598859 .peach-chirp-title {88608860 font-family: var(--font-display, Georgia, serif);@@ -9829,7 +9829,7 @@98299829 font-size: 19px;98309830 font-weight: 500;98319831 letter-spacing: 0.01em;9832- color: var(--peach-text, var(--peach-t0));9832+ color: var(--peach-t0);98339833 max-width: 280px;98349834 line-height: 1.25;98359835 }@@ -9837,7 +9837,7 @@98379837 margin: 0;98389838 font-size: 13px;98399839 line-height: 1.55;9840- color: var(--peach-text-dim, var(--peach-t2));9840+ color: var(--peach-t1);98419841 max-width: 300px;98429842 }98439843 .peach-chirp-pro-cta {src/popup/views/ChirpSync.tsx+2 −4
@@ -214,10 +214,8 @@214214 </div>215215 <h2 class="peach-chirp-pro-headline">A little bird that carries your vault</h2>216216 <p class="peach-chirp-pro-body">217- Chirp Sync pairs your phone with your laptop using a quick218- inaudible chirp — then your vault stays in sync across devices on219- your local network. No QR codes, no relay servers, no cloud220- accounts.217+ Pairs over an inaudible chirp. Syncs locally across your devices.218+ No codes, no servers, no cloud.221219 </p>222220 <button class="peach-btn peach-btn-primary peach-chirp-pro-cta" onClick={() => props.onLearnPro()}>223221 Unlock with Peach Pro