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
8 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 −12
manifest.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": {

view file

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",

view file

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": {

view file

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(() => {

view file

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 {

view file

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);

view file

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>

view file

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"];

view file