From 52024ad7c603bdcbe4d622369f8e697999bd1c47 Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Wed, 4 Mar 2026 03:27:31 +0000
Subject: [PATCH] style(qr): make gradient edit handles and lines thin black
 with delicate white glow

---
 src/components/tools/QrCode.vue | 29 ++++++++---------------------
 1 file changed, 8 insertions(+), 21 deletions(-)

diff --git a/src/components/tools/QrCode.vue b/src/components/tools/QrCode.vue
index 4631260..ba93a52 100644
--- a/src/components/tools/QrCode.vue
+++ b/src/components/tools/QrCode.vue
@@ -498,34 +498,21 @@ const triggerDownload = (blob, filename) => {
   cursor: grab;
   z-index: 10;
   touch-action: none;
-  background: var(--text-strong);
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 8px 2px rgba(255, 255, 255, 0.6);
+  background: #000;
+  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 1), 0 0 8px 2px rgba(255, 255, 255, 0.8);
 }
 
 .grad-handle:active {
   cursor: grabbing;
 }
 
-.fg-handle {
-  background: var(--text-strong);
-}
+.fg-handle { }
+.bg-handle { }
 
-.bg-handle {
-  background: var(--text-secondary);
-}
-
-.fg-line {
-  stroke: var(--text-strong);
-  stroke-width: 1.5;
-  stroke-dasharray: 4;
-  filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
-}
-
-.bg-line {
-  stroke: var(--text-secondary);
-  stroke-width: 1.5;
-  stroke-dasharray: 2;
-  filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
+.fg-line, .bg-line {
+  stroke: #000;
+  stroke-width: 0.5;
+  filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.9));
 }
 
 .download-settings {