From 93525525afd62e818f6f58af99ceb84a6701f3df Mon Sep 17 00:00:00 2001 From: you Date: Mon, 23 Mar 2026 16:39:50 +0000 Subject: [PATCH] =?UTF-8?q?fix:=20QR=20overlay=20=E2=80=94=20white=2050%?= =?UTF-8?q?=20backing,=20transparent=20white=20spots,=20black=20modules?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit White semi-transparent square behind QR so black modules pop. White rects in SVG already set to transparent by JS. Same white backing in dark mode too (QR needs light bg to scan). --- public/style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/public/style.css b/public/style.css index 4a26299b..dfc4c053 100644 --- a/public/style.css +++ b/public/style.css @@ -1117,10 +1117,9 @@ button.ch-item.ch-item-encrypted .ch-badge { filter: grayscale(0.6); } [data-theme="dark"] .node-qr svg rect[fill="#ffffff"] { fill: var(--card-bg); } [data-theme="dark"] .node-qr svg rect[fill="#000000"] { fill: var(--text); } .node-map-qr-wrap { position: relative; } -.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: rgba(255,255,255,0.6); border-radius: 4px; padding: 3px; } +.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: rgba(255,255,255,0.5); border-radius: 4px; padding: 4px; line-height: 0; } .node-map-qr-overlay svg { max-width: 64px; display: block; } -[data-theme="dark"] .node-map-qr-overlay { background: rgba(0,0,0,0.5); } -[data-theme="dark"] .node-map-qr-overlay svg rect[fill="#000000"] { fill: var(--text); } +[data-theme="dark"] .node-map-qr-overlay { background: rgba(255,255,255,0.4); } /* Replay on Live Map button in packet detail */ .detail-actions {