peach-browser / history

e7eb8d5166f4

fix: light-theme contrast — settings section icons darken from pure peach to peach-on-ink mix with stronger bg tint; replace 4 hardcoded rgba(240,232,216,*) text-color rules with var(--peach-t0) so they follow theme (peach-restore-warning, domain-chip, tag-filter-chip selected, duress-status active); peach-info-notice bg moves from invisible cream-on-cream to surface-card token (v2.2.3)

time
2026-04-26 21:12 UTC · 6 months ago
machine
koh2
parent
fdc41e4571bb

↓ peach-browser-e7eb8d51.tar.gzatlas at this save

files changed4 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+15 −8
manifest.firefox.json+1 −1 
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "2.2.2",4+  "version": "2.2.3",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": "2.2.2",4+  "version": "2.2.3",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": "2.2.2",3+  "version": "2.2.3",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+15 −8 
@@ -1232,9 +1232,9 @@12321232 12331233 .peach-info-notice {12341234   font-size: 11px;1235-  color: var(--peach-t2);1235+  color: var(--peach-t1);12361236   line-height: 1.5;1237-  background: rgba(240, 232, 216, 0.04);1237+  background: var(--surface-card);12381238   border: 1px solid var(--peach-t3);12391239   border-radius: 6px;12401240   padding: 8px 10px;@@ -1757,6 +1757,13 @@17571757   justify-content: center;17581758   flex-shrink: 0;17591759 }1760+/* Light theme: peach-on-cream is too low-contrast — both colors are warm.1761+   Darken the icon stroke to ink and bump the bg tint so the icon reads1762+   sharply while the cell still feels accent-tinted. */1763+.light .peach-settings-cat-icon {1764+  background: color-mix(in srgb, var(--peach-accent) 18%, transparent);1765+  color: color-mix(in srgb, var(--peach-accent) 50%, var(--peach-t0));1766+}17601767 17611768 .peach-settings-cat-content {17621769   flex: 1;@@ -3619,9 +3626,9 @@36193626 .peach-restore-warning {36203627   padding: 10px 12px;36213628   border-radius: 12px;3622-  border: 1px solid rgba(220, 80, 60, 0.22);3623-  background: rgba(220, 80, 60, 0.08);3624-  color: rgba(240, 232, 216, 0.86);3629+  border: 1px solid color-mix(in srgb, var(--peach-breach) 35%, transparent);3630+  background: color-mix(in srgb, var(--peach-breach) 10%, transparent);3631+  color: var(--peach-t0);36253632   font-size: 11px;36263633   line-height: 1.55;36273634 }@@ -4253,7 +4260,7 @@42534260   border-radius: 999px;42544261   border: 1px solid color-mix(in srgb, var(--peach-accent) 28%, transparent);42554262   background: color-mix(in srgb, var(--peach-accent) 8%, transparent);4256-  color: rgba(240, 232, 216, 0.85);4263+  color: var(--peach-t0);42574264   font-family: "IBM Plex Mono", monospace;42584265   font-size: 10px;42594266   letter-spacing: 0.04em;@@ -4334,7 +4341,7 @@43344341 .peach-tag-filter-chip.is-selected {43354342   border-color: color-mix(in srgb, var(--peach-accent) 50%, transparent);43364343   background: color-mix(in srgb, var(--peach-accent) 12%, transparent);4337-  color: rgba(240, 232, 216, 0.9);4344+  color: var(--peach-t0);43384345 }43394346 43404347 /* ─────────────────────────────────────────────────────────────────────────@@ -4496,7 +4503,7 @@44964503 .peach-duress-status.is-active {44974504   border-color: color-mix(in srgb, var(--peach-accent) 45%, transparent);44984505   background: color-mix(in srgb, var(--peach-accent) 10%, transparent);4499-  color: rgba(240, 232, 216, 0.85);4506+  color: var(--peach-t0);45004507 }45014508 45024509 .peach-duress-form {

view file