peach-browser / history

1f2ff58944c2

unify chirp surface — warm radial gradient + serif italic title/headline on idle Sync view, kill scrollbar gutter (v3.3.1)

time
2026-05-18 13:10 UTC · 5 months ago
machine
koh2
parent
5c295ba6e302

↓ peach-browser-1f2ff589.tar.gzatlas at this save

files changed4 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+42 −8
manifest.firefox.json+1 −1 
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.3.0",4+  "version": "3.3.1",55   "description": "Zero-knowledge password manager",66   "browser_specific_settings": {77     "gecko": {

view file

manifest.json+1 −1 
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.3.0",4+  "version": "3.3.1",55   "description": "Zero-knowledge password manager",66   "action": {77     "default_popup": "src/popup/index.html",

view file

package.json+1 −1 
@@ -1,6 +1,6 @@11 {22   "name": "peach",3-  "version": "3.3.0",3+  "version": "3.3.1",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+42 −8 
@@ -9419,20 +9419,46 @@94199419    the "Pair a device" CTA.94209420    ───────────────────────────────────────────────────────────────── */94219421 .peach-chirp-settings {9422+  position: relative;94229423   display: flex;94239424   flex-direction: column;94249425   gap: 18px;9425-  padding: 18px 20px 28px;9426+  padding: 16px 18px 14px;94269427   width: 100%;94279428   box-sizing: border-box;94289429   overflow-y: auto;9430+  overflow-x: hidden;94299431   height: 100%;9432+  /* Same warm Chirp surface as the pairing screen — unifies the two views. */9433+  background:9434+    radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 8%, transparent), transparent 70%),9435+    var(--peach-bg);9436+  color: var(--peach-text);9437+  isolation: isolate;9438+  /* Hide native scrollbar — content fits 99% of the time and a chunky9439+     gutter ruins the surface. */9440+  scrollbar-width: none;94309441 }9442+.peach-chirp-settings::-webkit-scrollbar { width: 0; height: 0; display: none; }9443+.peach-chirp-settings::before {9444+  content: '';9445+  position: absolute;9446+  inset: 0;9447+  pointer-events: none;9448+  background: radial-gradient(ellipse 90% 30% at 50% 0%, color-mix(in srgb, var(--peach-accent) 6%, transparent), transparent 70%);9449+  z-index: 0;9450+}9451+.peach-chirp-settings > * { position: relative; z-index: 1; }9452+94319453 .peach-chirp-settings--pairing {94329454   padding: 0;94339455   align-items: stretch;94349456   justify-content: stretch;9457+  background: none;9458+  isolation: auto;94359459 }9460+.peach-chirp-settings--pairing::before { display: none; }9461+94369462 .peach-chirp-settings-header {94379463   display: flex;94389464   align-items: center;@@ -9440,8 +9466,11 @@94409466 }94419467 .peach-chirp-settings-title {94429468   margin: 0;9443-  font-size: 18px;9444-  font-weight: 600;9469+  font-family: var(--peach-serif, Georgia, serif);9470+  font-style: italic;9471+  font-size: 22px;9472+  font-weight: 500;9473+  line-height: 1;94459474   color: var(--peach-text);94469475   letter-spacing: 0.01em;94479476 }@@ -9474,8 +9503,8 @@94749503   display: flex;94759504   flex-direction: column;94769505   align-items: center;9477-  gap: 10px;9478-  padding: 18px 12px 4px;9506+  gap: 12px;9507+  padding: 20px 12px 8px;94799508   text-align: center;94809509 }94819510 .peach-chirp-hero-svg {@@ -9485,16 +9514,21 @@94859514 }94869515 .peach-chirp-hero-headline {94879516   margin: 0;9488-  font-size: 16px;9489-  font-weight: 600;9517+  font-family: var(--peach-serif, Georgia, serif);9518+  font-style: italic;9519+  font-size: 20px;9520+  font-weight: 500;9521+  line-height: 1.2;9522+  letter-spacing: 0.01em;94909523   color: var(--peach-text);94919524 }94929525 .peach-chirp-hero-sub {94939526   margin: 0;94949527   font-size: 13px;94959528   line-height: 1.5;9496-  color: var(--peach-text-dim);9529+  color: var(--peach-text-muted);94979530   max-width: 320px;9531+  text-wrap: pretty;94989532 }94999533 95009534 .peach-chirp-pair-cta {

view file