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
↓ peach-browser-6dd10798.tar.gzatlas at this save
files changed4 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+15 −11manifest.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": {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",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": {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);