47e80fc88e6f
light theme v3 warm toasted linen — bg-base #C9A882 hsl(29,28%,77%), elevated/overlay/sunken surface tokens, glass + lock-panel rgba, btn-secondary to #BC9B72, ghost-opacity 0.12→0.10. Bump v3.6.3
- time
- 2026-05-18 17:42 UTC · 5 months ago
- machine
- koh2
- parent
- 2180e221486e
↓ peach-browser-47e80fc8.tar.gzatlas at this save
files changed5 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+10 −10src/popup/styles/vars.css+12 −12manifest.firefox.json+1 −1
@@ -2,7 +2,7 @@22 "_comment_audio_capture": "Firefox does not honor the Chrome 'audioCapture' optional_permission — getUserMedia in WebExtensions is gated solely by the runtime permission prompt. Microphone access for chirp pairing works from the popup under the existing '<all_urls>' host permission; no manifest entry is required or accepted here.",33 "manifest_version": 3,44 "name": "Peach",5- "version": "3.6.2",5+ "version": "3.6.3",66 "description": "Zero-knowledge password manager",77 "browser_specific_settings": {88 "gecko": {manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "3.6.2",4+ "version": "3.6.3",55 "description": "Zero-knowledge password manager",66 "action": {77 "default_popup": "src/popup/index.html",package.json+1 −1
@@ -1,6 +1,6 @@11 {22 "name": "peach",3- "version": "3.6.2",3+ "version": "3.6.3",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/styles/popup.css+10 −10
@@ -1604,7 +1604,7 @@16041604 16051605 .light .peach-settings-group,16061606 [data-theme="light"] .peach-settings-group {1607- background: rgba(205, 191, 164, 0.68);1607+ background: rgba(210, 180, 140, 0.68);16081608 border-color: rgba(26, 18, 8, 0.10);16091609 backdrop-filter: blur(10px) saturate(1.2);16101610 -webkit-backdrop-filter: blur(10px) saturate(1.2);@@ -1613,7 +1613,7 @@16131613 @supports not (backdrop-filter: blur(1px)) {16141614 .light .peach-settings-group,16151615 [data-theme="light"] .peach-settings-group {1616- background: rgba(205, 191, 164, 0.95);1616+ background: rgba(210, 180, 140, 0.95);16171617 border-color: rgba(26, 18, 8, 0.12);16181618 }16191619 }@@ -3529,7 +3529,7 @@35293529 35303530 .light .peach-glass,35313531 [data-theme="light"] .peach-glass {3532- background: rgba(206, 196, 186, 0.70);3532+ background: rgba(210, 180, 140, 0.70);35333533 border: 1px solid rgba(26, 18, 8, 0.10);35343534 backdrop-filter: blur(12px) saturate(1.2);35353535 -webkit-backdrop-filter: blur(12px) saturate(1.2);@@ -3538,7 +3538,7 @@35383538 @supports not (backdrop-filter: blur(1px)) {35393539 .light .peach-glass,35403540 [data-theme="light"] .peach-glass {3541- background: rgba(206, 196, 186, 0.95);3541+ background: rgba(210, 180, 140, 0.95);35423542 border: 1px solid rgba(26, 18, 8, 0.12);35433543 }35443544 }@@ -3555,7 +3555,7 @@35553555 35563556 .light .peach-lock-panel.peach-glass,35573557 [data-theme="light"] .peach-lock-panel.peach-glass {3558- background: rgba(196, 188, 181, 0.78);3558+ background: rgba(188, 155, 114, 0.78);35593559 border: 1px solid rgba(26, 18, 8, 0.12);35603560 box-shadow:35613561 inset 0 1px 0 rgba(255, 255, 255, 0.4),@@ -3571,7 +3571,7 @@35713571 }35723572 .light .peach-lock-panel.peach-glass,35733573 [data-theme="light"] .peach-lock-panel.peach-glass {3574- background: rgba(196, 188, 181, 0.97);3574+ background: rgba(188, 155, 114, 0.97);35753575 }35763576 }35773577 @@ -8698,13 +8698,13 @@86988698 rather than floating. Values track --s3 (bg-sunken) and border-default. */86998699 .light .peach-btn--ghost,87008700 [data-theme="light"] .peach-btn--ghost {8701- background: #C4BCB5;8701+ background: #BC9B72;87028702 border-color: #96724C;87038703 color: #1A1208;87048704 }87058705 .light .peach-btn--subtle,87068706 [data-theme="light"] .peach-btn--subtle {8707- background: #C4BCB5;8707+ background: #BC9B72;87088708 border-color: #96724C;87098709 }87108710 @@ -8712,13 +8712,13 @@87128712 hardcoded dark-mode rgba values with warm-surface equivalents. */87138713 .light .peach-lock-secondary,87148714 [data-theme="light"] .peach-lock-secondary {8715- background: #C4BCB5;8715+ background: #BC9B72;87168716 border-color: #96724C;87178717 color: #1A1208;87188718 }87198719 .light .peach-lock-secondary:hover,87208720 [data-theme="light"] .peach-lock-secondary:hover {8721- background: #C9C0B8;8721+ background: #C4A47C;87228722 }87238723 87248724 /* Entry row hover: replace the near-invisible light-on-light rgba value. */src/popup/styles/vars.css+12 −12
@@ -162,13 +162,13 @@162162 }163163 164164 .light {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;165+ /* v3: warm toasted linen — hsl(29°, 26–28%, 72–84%)166+ User-selected base: hsl(29, 28%, 77%) = #C9A882. Elevated +4% L,167+ overlay +7% L, sunken −5% L. Hue held at 29° across all surfaces. */168+ --bg: #C9A882;169+ --s1: #D2B48C;170+ --s2: #D9BF98;171+ --s3: #BC9B72;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(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);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);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- /* lighter base than v3.0: step opacity up slightly so watermark stays legible */189- --peach-ghost-opacity: 0.12;188+ /* darker base than v3.1: step opacity down so watermark stays subtle */189+ --peach-ghost-opacity: 0.10;190190 }191191 192192 /* ─── Text size scaling ────────────────────────────────────────────────