690822a1ea3f
restore vibrant accent palette and bump glow alpha; unlock button stays lit before typing (v1.8.5)
- time
- 2026-04-24 22:43 UTC · 6 months ago
- machine
- koh2
- parent
- b02e1d035194
↓ peach-browser-690822a1.tar.gzatlas at this save
files changed8 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/App.tsx+3 −3src/popup/styles/popup.css+3 −1src/popup/styles/vars.css+3 −3src/popup/views/Lock.tsx+1 −1src/shared/types.ts+12 −12manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.8.4",4+ "version": "1.8.5",55 "description": "Zero-knowledge password manager",66 "browser_specific_settings": {77 "gecko": {manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.8.4",4+ "version": "1.8.5",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": "1.8.4",3+ "version": "1.8.5",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/App.tsx+3 −3
@@ -181,9 +181,9 @@181181 document.documentElement.style.setProperty("--peach-accent", hex);182182 // Ambient surface variables — derived from the accent so surfaces shift183183 // subtly toward the accent hue rather than staying fixed warm-brown.184- document.documentElement.style.setProperty("--peach-glow", hex + "15");185- document.documentElement.style.setProperty("--peach-surface-tint", hex + "08");186- document.documentElement.style.setProperty("--peach-border-accent", hex + "20");184+ document.documentElement.style.setProperty("--peach-glow", hex + "55");185+ document.documentElement.style.setProperty("--peach-surface-tint", hex + "14");186+ document.documentElement.style.setProperty("--peach-border-accent", hex + "55");187187 }188188 189189 createEffect(() => {src/popup/styles/popup.css+3 −1
@@ -3188,7 +3188,9 @@31883188 31893189 .peach-lock-submit {31903190 width: 100%;3191- box-shadow: 0 14px 36px color-mix(in srgb, var(--peach-accent) 22%, transparent);3191+ box-shadow:3192+ 0 14px 36px color-mix(in srgb, var(--peach-accent) 38%, transparent),3193+ 0 0 0 1px color-mix(in srgb, var(--peach-accent) 35%, transparent);31923194 }31933195 31943196 .peach-lock-secondary {src/popup/styles/vars.css+3 −3
@@ -113,9 +113,9 @@113113 --peach-t3: var(--t3);114114 --peach-accent: var(--ac);115115 --peach-accent-dim: color-mix(in srgb, var(--peach-accent) 25%, transparent);116- --peach-glow: #E8956D15; /* accent bloom behind buttons/illustrations — set by applyAccent() */117- --peach-surface-tint: #E8956D08; /* accent tint on card surfaces — set by applyAccent() */118- --peach-border-accent: #E8956D20; /* accent-tinted border for active states — set by applyAccent() */116+ --peach-glow: #E8956D55; /* accent bloom behind buttons/illustrations — set by applyAccent() */117+ --peach-surface-tint: #E8956D14; /* accent tint on card surfaces — set by applyAccent() */118+ --peach-border-accent: #E8956D55; /* accent-tinted border for active states — set by applyAccent() */119119 --peach-breach: var(--breach);120120 --peach-health-ok: var(--health);121121 --peach-totp-tag: var(--totp-tag);src/popup/views/Lock.tsx+1 −1
@@ -219,7 +219,7 @@219219 <button220220 class="peach-btn peach-btn--accent peach-btn--md peach-lock-submit"221221 onClick={() => void handleUnlock()}222- disabled={!props.ready || loading() || !password().trim()}222+ disabled={!props.ready || loading()}223223 >224224 {loading() ? "unlocking..." : "unlock"}225225 </button>src/shared/types.ts+12 −12
@@ -200,18 +200,18 @@200200 | "VAULT_UNLOCKED"; // background → content/popup: vault just unlocked201201 202202 export const ACCENT_COLORS = [203- { name: "peach", hex: "#E8956D" }, // brand — unchanged204- { name: "rose", hex: "#E08888" }, // slightly warmer pink205- { name: "plum", hex: "#B896C4" }, // slightly warmer purple206- { name: "lavender", hex: "#9698C8" }, // warmer blue-purple (~10° toward purple)207- { name: "sky", hex: "#7AAEC4" }, // desaturated and warmed (~15% sat reduction)208- { name: "mint", hex: "#72B898" }, // slightly warmer green209- { name: "sage", hex: "#8EAA6E" },210- { name: "butter", hex: "#CCB060" },211- { name: "sand", hex: "#C4A278" },212- { name: "clay", hex: "#C07862" },213- { name: "slate", hex: "#8496A4" },214- { name: "stone", hex: "#A09488" },203+ { name: "peach", hex: "#E8956D" }, // brand204+ { name: "rose", hex: "#F08296" },205+ { name: "plum", hex: "#C58BE6" },206+ { name: "lavender", hex: "#9C9EF0" },207+ { name: "sky", hex: "#6EBCDE" },208+ { name: "mint", hex: "#6FD4AC" },209+ { name: "sage", hex: "#A8C870" },210+ { name: "butter", hex: "#F0CC60" },211+ { name: "sand", hex: "#DCB280" },212+ { name: "clay", hex: "#E0825E" },213+ { name: "slate", hex: "#88AEC8" },214+ { name: "stone", hex: "#B8A89C" },215215 ] as const;216216 217217 export type AccentColorName = typeof ACCENT_COLORS[number]["name"];