From bec6a0ec8f84951bd379a8ec778743a9402f6abd Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Wed, 4 Mar 2026 03:35:29 +0000
Subject: [PATCH] style(qr): synchronize gradient handle and line styles with
 CSS variables

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

diff --git a/src/components/tools/QrCode.vue b/src/components/tools/QrCode.vue
index ba93a52..56019d1 100644
--- a/src/components/tools/QrCode.vue
+++ b/src/components/tools/QrCode.vue
@@ -498,8 +498,8 @@ const triggerDownload = (blob, filename) => {
   cursor: grab;
   z-index: 10;
   touch-action: none;
-  background: #000;
-  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 1), 0 0 8px 2px rgba(255, 255, 255, 0.8);
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.9);
 }
 
 .grad-handle:active {
@@ -510,8 +510,8 @@ const triggerDownload = (blob, filename) => {
 .bg-handle { }
 
 .fg-line, .bg-line {
-  stroke: #000;
-  stroke-width: 0.5;
+  stroke: rgba(0, 0, 0, 0.5);
+  stroke-width: 1;
   filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.9));
 }