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 {