1f05c166db39
revert light theme darkening — restore parchment surface values in popup.css
- time
- 2026-05-18 19:06 UTC · 5 months ago
- machine
- koh2
- parent
- da5e731e2125
↓ peach-browser-1f05c166.tar.gzatlas at this save
files changed5 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+16 −16src/popup/styles/vars.css+22 −22manifest.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.8",5+ "version": "3.6.9",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.8",4+ "version": "3.6.9",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.8",3+ "version": "3.6.9",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/styles/popup.css+16 −16
@@ -1604,7 +1604,7 @@16041604 16051605 .light .peach-settings-group,16061606 [data-theme="light"] .peach-settings-group {1607- background: rgba(231, 213, 187, 0.70);1607+ background: rgba(245, 237, 226, 0.70);16081608 border-color: rgba(26, 18, 8, 0.08);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(231, 213, 187, 0.97);1616+ background: rgba(245, 237, 226, 0.97);16171617 border-color: rgba(26, 18, 8, 0.10);16181618 }16191619 }@@ -3529,7 +3529,7 @@35293529 35303530 .light .peach-glass,35313531 [data-theme="light"] .peach-glass {3532- background: rgba(224, 209, 189, 0.72);3532+ background: rgba(240, 233, 223, 0.72);35333533 border: 1px solid rgba(26, 18, 8, 0.08);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(224, 209, 189, 0.97);3541+ background: rgba(240, 233, 223, 0.97);35423542 border: 1px solid rgba(26, 18, 8, 0.10);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(224, 209, 189, 0.82);3558+ background: rgba(240, 233, 223, 0.82);35593559 border: 1px solid rgba(26, 18, 8, 0.08);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(224, 209, 189, 0.98);3574+ background: rgba(240, 233, 223, 0.98);35753575 }35763576 }35773577 @@ -8731,41 +8731,41 @@87318731 so they read as recessed against the parchment card background. */87328732 .light .peach-btn--ghost,87338733 [data-theme="light"] .peach-btn--ghost {8734- background: #DDCFBB;8735- border-color: #C8BCAC;8734+ background: #EEE7DD;8735+ border-color: #DDD5CB;87368736 color: #1A1208;87378737 }87388738 .light .peach-btn--subtle,87398739 [data-theme="light"] .peach-btn--subtle {8740- background: #DDCFBB;8741- border-color: #C8BCAC;8740+ background: #EEE7DD;8741+ border-color: #DDD5CB;87428742 }87438743 87448744 /* Wide secondary action button on the lock screen — override the87458745 hardcoded dark-mode rgba values with warm parchment equivalents. */87468746 .light .peach-lock-secondary,87478747 [data-theme="light"] .peach-lock-secondary {8748- background: #DDCFBB;8749- border-color: #C8BCAC;8748+ background: #EEE7DD;8749+ border-color: #DDD5CB;87508750 color: #1A1208;87518751 }87528752 .light .peach-lock-secondary:hover,87538753 [data-theme="light"] .peach-lock-secondary:hover {8754- background: #E0D1BD;8754+ background: #F0E9DF;87558755 }87568756 87578757 /* Entry row hover: bg-row lifts the row above the card surface. */87588758 .light .peach-entry-row:hover,87598759 [data-theme="light"] .peach-entry-row:hover {8760- background: #E3D5BF;8760+ background: #F2EBE1;87618761 }87628762 .light .peach-entry-row.is-active,87638763 [data-theme="light"] .peach-entry-row.is-active {8764- background: #E3D5BF;8764+ background: #F2EBE1;87658765 }87668766 .light .peach-entry-row.is-selected,87678767 [data-theme="light"] .peach-entry-row.is-selected {8768- background: #E7D5BB;8768+ background: #F5EDE2;87698769 }87708770 87718771 /* ──────────────────────────────────────────────────────────────────────────src/popup/styles/vars.css+22 −22
@@ -162,43 +162,43 @@162162 }163163 164164 .light {165- /* Warm parchment — all surface lightness values shifted −10% from restoration166- brief. Outer bg hsl(50,16%,83%), card surfaces hsl(35,36-49%,81-82%).167- The two hue families (50° outer / 35° card) are intentional — do not normalize. */168- --bg: #DAD8CD;169- --s1: #E0D1BD;170- --s2: #E7D5BB;171- --s3: #DDCFBB;165+ /* Warm parchment restoration — pixel-sampled from reference screenshots.166+ Outer bg is hsl(50,16%,93%), card surfaces shift to hsl(35,36-49%,91-92%).167+ The two hue families are intentional — do not normalize them to one hue. */168+ --bg: #EFEEE9;169+ --s1: #F0E9DF;170+ --s2: #F5EDE2;171+ --s3: #EEE7DD;172172 --bg-1: var(--s1);173173 --bg-2: var(--s2);174174 --bg-3: var(--s3);175175 --t0: #1A1208;176176 --t1: #3D2E18;177177 --t2: #A8A099;178- --t3: #C8BCAC;178+ --t3: #DDD5CB;179179 --t4: rgba(26, 18, 8, 0.06);180- --surface-card: #E0D1BD;181- --surface-elevated: rgba(231, 213, 187, 0.97);182- --shell-top-solid: rgba(218, 216, 205, 0.98);183- --shell-top-fade: rgba(231, 213, 187, 0.96);180+ --surface-card: #F0E9DF;181+ --surface-elevated: rgba(245, 237, 226, 0.97);182+ --shell-top-solid: rgba(239, 238, 233, 0.98);183+ --shell-top-fade: rgba(245, 237, 226, 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);186- --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);186+ --copy-shadow: 0 2px 8px rgba(80, 56, 32, 0.10), 0 14px 48px rgba(80, 56, 32, 0.10), 0 0 0 1px rgba(26, 18, 8, 0.05);187187 --peach-rune-idle: rgba(26, 18, 8, 0.12);188188 --peach-ghost-opacity: 0.06;189189 190- /* Light-only semantic tokens */191- --peach-bg-card: #E0D1BD;192- --peach-bg-row: #E3D5BF;193- --peach-bg-input: #DDCFBB;194- --peach-bg-elevated: #E7D5BB;195- --peach-bg-search: #E3D5BF;190+ /* Light-only semantic tokens from restoration brief */191+ --peach-bg-card: #F0E9DF;192+ --peach-bg-row: #F2EBE1;193+ --peach-bg-input: #EEE7DD;194+ --peach-bg-elevated: #F5EDE2;195+ --peach-bg-search: #F2EBE1;196196 --peach-text-label: #79766F;197197 --peach-text-link: #B87155;198198 --peach-text-dim: #9E9890;199- --peach-border-subtle: #D6CAB8;200- --peach-border-strong: #AFA093;201- --peach-breach-bg: #E4CCB5;199+ --peach-border-subtle: #E8E2D8;200+ --peach-border-strong: #C4BAB0;201+ --peach-breach-bg: #F1E5D9;202202 --peach-breach-text: #DA6931;203203 --peach-warning-text: #DA6931;204204 }