perf: 🔍️ Optimize QR code style to avoid scanning problems on some devices

Author: viarotel

src/pages/device/components/WirelessGroup/QrAction/index.vue

@@ -4,7 +4,7 @@
     placement="top"
     :width="200"
     trigger="click"
-    popper-class=""
+    popper-class="el-popover--scanner"
     @hide="onHide"
   >
     <template #reference>
@@ -72,4 +72,10 @@ function onHide() {
 }
 </script>
 
-<style></style>
+<style lang="postcss">
+.dark .el-popover--scanner {
+  &, .el-popper__arrow::before {
+    @apply !bg-primary-500;
+  }
+}
+</style>

src/utils/device/generateAdbPairingQR/index.js

@@ -23,10 +23,15 @@ export async function generateAdbPairingQR(options = {}) {
   const dataUrl = await qrCode.toDataURL(pairingText, {
     type: 'image/webp',
     rendererOpts: { quality: 1 },
-    color: {
-      dark: primaryColor,
-      light: themeStore.isDark ? '#1d1e1f' : '#ffffff',
-    },
+    color: themeStore.isDark
+      ? {
+          dark: '#000000',
+          light: primaryColor,
+        }
+      : {
+          dark: primaryColor,
+          light: '#ffffff',
+        },
     margin: 0,
   })