6dd10798c332

flatten nested glass borders across settings views: rune canvas, script input, settings inputs, feedback textarea now use translucent inset fill instead of double borders inside the glass card; bump v2.11.3

time
2026-04-29 00:38 UTC · 6 months ago
machine
koh2
parent
6ff9bfed174f
4 files manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+15 −11
manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "2.11.2",4+  "version": "2.11.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.11.2",4+  "version": "2.11.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.11.2",3+  "version": "2.11.3",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/styles/popup.css+15 −11
@@ -1143,18 +1143,19 @@11431143   width: 100%;11441144   box-sizing: border-box;11451145   padding: 8px 10px;1146-  background: var(--peach-s2);1147-  border: 1px solid var(--peach-t3);1146+  background: rgba(0, 0, 0, 0.22);1147+  border: 1px solid transparent;11481148   border-radius: 6px;11491149   color: var(--peach-t0);11501150   font-family: var(--font-ui);11511151   font-size: 12px;11521152   outline: none;1153-  transition: border-color 120ms ease;1153+  transition: border-color 120ms ease, background 120ms ease;11541154 }11551155 11561156 .peach-settings-input:focus {1157-  border-color: var(--peach-accent);1157+  border-color: color-mix(in srgb, var(--peach-accent) 55%, transparent);1158+  background: rgba(0, 0, 0, 0.28);11581159 }11591160 11601161 .peach-settings-input[type="password"] {@@ -1577,8 +1578,7 @@15771578 }15781579 .peach-rune-canvas {15791580   border-radius: 8px;1580-  border: 1px solid color-mix(in srgb, var(--peach-accent) 22%, var(--peach-t3));1581-  background: #1a1410;1581+  background: rgba(0, 0, 0, 0.22);15821582   flex: 1;15831583   align-self: center;15841584 }@@ -1588,8 +1588,8 @@15881588   line-height: 1.9;15891589   letter-spacing: 0.06em;15901590   color: var(--peach-t0);1591-  background: var(--peach-input-bg, var(--surface-card));1592-  border: 1px solid var(--peach-t3);1591+  background: rgba(0, 0, 0, 0.22);1592+  border: none;15931593   border-radius: 6px;15941594   padding: 12px;15951595   width: 100%;@@ -1941,8 +1941,8 @@19411941   width: 100%;19421942   min-height: 120px;19431943   box-sizing: border-box;1944-  background: var(--peach-t3);1945-  border: 1px solid var(--peach-t3);1944+  background: rgba(0, 0, 0, 0.22);1945+  border: 1px solid transparent;19461946   border-radius: 6px;19471947   color: var(--peach-t0);19481948   font-size: 12px;@@ -1951,7 +1951,11 @@19511951   padding: 8px 10px;19521952   resize: none;19531953   outline: none;1954-  transition: border-color var(--peach-dur-150) ease;1954+  transition: border-color var(--peach-dur-150) ease, background var(--peach-dur-150) ease;1955+}1956+.peach-feedback-textarea:focus {1957+  border-color: color-mix(in srgb, var(--peach-accent) 55%, transparent);1958+  background: rgba(0, 0, 0, 0.28);19551959 }19561960 .peach-feedback-textarea:focus {19571961   border-color: color-mix(in srgb, var(--peach-accent) 40%, transparent);

view file