671348e439e2

light theme v2 surfaces — cool linen palette replaces warm tan; surface, border, btn tokens corrected per brief (v3.2.1)

time
2026-05-18 05:44 UTC · 5 months ago
machine
koh2
parent
8289a18f5761
5 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+9 −9src/popup/styles/vars.css+12 −9
manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.2.0",4+  "version": "3.2.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.2.0",4+  "version": "3.2.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.2.0",3+  "version": "3.2.1",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+9 −9
@@ -8683,31 +8683,31 @@86838683 }86848684 86858685 /* Secondary action buttons (ghost / subtle): filled with the sunken surface8686-   colour so they read as embedded and intentional on the warm background8687-   rather than floating on near-white. */8686+   colour so they read as embedded and intentional on the linen background8687+   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: #BCA98C;8691-  border-color: #96806A;8690+  background: #DED8CE;8691+  border-color: #B4A898;86928692   color: #1A1208;86938693 }86948694 .light .peach-btn--subtle,86958695 [data-theme="light"] .peach-btn--subtle {8696-  background: #BCA98C;8697-  border-color: #96806A;8696+  background: #DED8CE;8697+  border-color: #B4A898;86988698 }86998699 87008700 /* Wide secondary action button on the lock screen — override the87018701    hardcoded dark-mode rgba values with warm-surface equivalents. */87028702 .light .peach-lock-secondary,87038703 [data-theme="light"] .peach-lock-secondary {8704-  background: #BCA98C;8705-  border-color: #96806A;8704+  background: #DED8CE;8705+  border-color: #B4A898;87068706   color: #1A1208;87078707 }87088708 .light .peach-lock-secondary:hover,87098709 [data-theme="light"] .peach-lock-secondary:hover {8710-  background: #C2B193;8710+  background: #E4DED5;87118711 }87128712 87138713 /* Entry row hover: replace the near-invisible light-on-light rgba value. */

view file

src/popup/styles/vars.css+12 −9
@@ -162,27 +162,30 @@162162 }163163 164164 .light {165-  --bg: #C8B99A;166-  --s1: #CDBFA4;167-  --s2: #D2C4A8;168-  --s3: #BCA98C;165+  /* v2: cool linen surfaces — hsl(30°, 10–12%, 84–92%)166+     Lower saturation than v1; neutral enough for peach accent to read warm by contrast. */167+  --bg: #E8E2D9;168+  --s1: #EDE8E0;169+  --s2: #F0EBE4;170+  --s3: #DED8CE;169171   --bg-1: var(--s1);170172   --bg-2: var(--s2);171173   --bg-3: var(--s3);172174   --t0: #1A1208;173175   --t1: #3D2E18;174176   --t2: #6B5A42;175-  --t3: #A8967C;177+  --t3: #C8C0B4;176178   --t4: rgba(26, 18, 8, 0.06);177179   --surface-card: rgba(26, 18, 8, 0.03);178-  --surface-elevated: rgba(205, 191, 164, 0.97);179-  --shell-top-solid: rgba(200, 185, 154, 0.98);180-  --shell-top-fade: rgba(205, 191, 164, 0.96);180+  --surface-elevated: rgba(237, 232, 224, 0.97);181+  --shell-top-solid: rgba(232, 226, 217, 0.98);182+  --shell-top-fade: rgba(237, 232, 224, 0.96);181183   --shell-accent-a: color-mix(in srgb, var(--peach-accent) 6%, transparent);182184   --shell-accent-b: color-mix(in srgb, var(--peach-accent) 3%, transparent);183185   --copy-shadow: 0 2px 8px rgba(80, 56, 32, 0.12), 0 14px 48px rgba(80, 56, 32, 0.12), 0 0 0 1px rgba(26, 18, 8, 0.06);184186   --peach-rune-idle: rgba(26, 18, 8, 0.16);185-  --peach-ghost-opacity: 0.16;187+  /* lighter surfaces make the watermark more visible at the same opacity — step down slightly */188+  --peach-ghost-opacity: 0.13;186189 }187190 188191 /* ─── Text size scaling ────────────────────────────────────────────────

view file