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
2 files src/popup/styles/popup.css+7 −7src/popup/views/ChirpSync.tsx+2 −4
src/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 {

view file

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

view file