peach-browser / history

ed92f78beae5

drop light theme saturation 28% → 11% — warm gray linen hsl(29, 11%, 79%) #CEC4BA; rederive all surface tokens; bump v3.2.1 → v3.2.2

time
2026-05-18 06:00 UTC · 5 months ago
machine
koh2
parent
298135459a15

↓ peach-browser-ed92f78b.tar.gzatlas at this save

files changed5 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+8 −8src/popup/styles/vars.css+12 −12
manifest.firefox.json+1 −1 
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.2.1",4+  "version": "3.2.2",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.2.1",4+  "version": "3.2.2",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.2.1",3+  "version": "3.2.2",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+8 −8 
@@ -3519,7 +3519,7 @@35193519 35203520 .light .peach-glass,35213521 [data-theme="light"] .peach-glass {3522-  background: rgba(201, 168, 130, 0.70);3522+  background: rgba(206, 196, 186, 0.70);35233523   border: 1px solid rgba(26, 18, 8, 0.10);35243524   backdrop-filter: blur(12px) saturate(1.2);35253525   -webkit-backdrop-filter: blur(12px) saturate(1.2);@@ -3528,7 +3528,7 @@35283528 @supports not (backdrop-filter: blur(1px)) {35293529   .light .peach-glass,35303530   [data-theme="light"] .peach-glass {3531-    background: rgba(201, 168, 130, 0.95);3531+    background: rgba(206, 196, 186, 0.95);35323532     border: 1px solid rgba(26, 18, 8, 0.12);35333533   }35343534 }@@ -3545,7 +3545,7 @@35453545 35463546 .light .peach-lock-panel.peach-glass,35473547 [data-theme="light"] .peach-lock-panel.peach-glass {3548-  background: rgba(188, 155, 114, 0.78);3548+  background: rgba(196, 188, 181, 0.78);35493549   border: 1px solid rgba(26, 18, 8, 0.12);35503550   box-shadow:35513551     inset 0 1px 0 rgba(255, 255, 255, 0.4),@@ -3561,7 +3561,7 @@35613561   }35623562   .light .peach-lock-panel.peach-glass,35633563   [data-theme="light"] .peach-lock-panel.peach-glass {3564-    background: rgba(188, 155, 114, 0.97);3564+    background: rgba(196, 188, 181, 0.97);35653565   }35663566 }35673567 @@ -8687,13 +8687,13 @@86878687    rather than floating. Values track --s3 (bg-sunken) and border-default. */86888688 .light .peach-btn--ghost,86898689 [data-theme="light"] .peach-btn--ghost {8690-  background: #BC9B72;8690+  background: #C4BCB5;86918691   border-color: #96724C;86928692   color: #1A1208;86938693 }86948694 .light .peach-btn--subtle,86958695 [data-theme="light"] .peach-btn--subtle {8696-  background: #BC9B72;8696+  background: #C4BCB5;86978697   border-color: #96724C;86988698 }86998699 @@ -8701,13 +8701,13 @@87018701    hardcoded dark-mode rgba values with warm-surface equivalents. */87028702 .light .peach-lock-secondary,87038703 [data-theme="light"] .peach-lock-secondary {8704-  background: #BC9B72;8704+  background: #C4BCB5;87058705   border-color: #96724C;87068706   color: #1A1208;87078707 }87088708 .light .peach-lock-secondary:hover,87098709 [data-theme="light"] .peach-lock-secondary:hover {8710-  background: #C3A27A;8710+  background: #C9C0B8;87118711 }87128712 87138713 /* Entry row hover: replace the near-invisible light-on-light rgba value. */

view file

src/popup/styles/vars.css+12 −12 
@@ -162,13 +162,13 @@162162 }163163 164164 .light {165-  /* v3: warm toasted linen — hsl(29°, 26–28%, 72–84%)166-     User-selected base: hsl(29, 28%, 77%). Elevated surfaces step +4–7%,167-     sunken surfaces step −5%. Peach accent reads vibrant against this base. */168-  --bg: #C9A882;169-  --s1: #D2B48C;170-  --s2: #D9BF98;171-  --s3: #BC9B72;165+  /* v3.1: warm gray linen — hsl(29°, 10–11%, 74–86%)166+     User-selected base: hsl(29, 11%, 79%) = #CEC4BA. Saturation 28% → 11%,167+     warm gray not yellow. Elevated surfaces step +4–7%, sunken −5%. */168+  --bg: #CEC4BA;169+  --s1: #D8D3CF;170+  --s2: #DFDBD8;171+  --s3: #C4BCB5;172172   --bg-1: var(--s1);173173   --bg-2: var(--s2);174174   --bg-3: var(--s3);@@ -178,15 +178,15 @@178178   --t3: rgba(168, 132, 94, 0.4);179179   --t4: rgba(26, 18, 8, 0.06);180180   --surface-card: rgba(26, 18, 8, 0.03);181-  --surface-elevated: rgba(210, 180, 140, 0.97);182-  --shell-top-solid: rgba(201, 168, 130, 0.98);183-  --shell-top-fade: rgba(210, 180, 140, 0.96);181+  --surface-elevated: rgba(216, 211, 207, 0.97);182+  --shell-top-solid: rgba(206, 196, 186, 0.98);183+  --shell-top-fade: rgba(216, 211, 207, 0.96);184184   --shell-accent-a: color-mix(in srgb, var(--peach-accent) 6%, transparent);185185   --shell-accent-b: color-mix(in srgb, var(--peach-accent) 3%, transparent);186186   --copy-shadow: 0 2px 8px rgba(80, 56, 32, 0.15), 0 14px 48px rgba(80, 56, 32, 0.15), 0 0 0 1px rgba(26, 18, 8, 0.06);187187   --peach-rune-idle: rgba(26, 18, 8, 0.16);188-  /* darker base: watermark stays subtle at slightly lower opacity than v2 */189-  --peach-ghost-opacity: 0.11;188+  /* lighter base than v3.0: step opacity up slightly so watermark stays legible */189+  --peach-ghost-opacity: 0.12;190190 }191191 192192 /* ─── Text size scaling ────────────────────────────────────────────────

view file