Improve QR recognition with light border (#108)

src/ui/accounts/ImportQr.tsx

@@ -104,4 +104,9 @@ export default styled(ImportQr)`
     font-size: 4rem;
     line-height: 1;
   }
+
+  .scanner {
+    border: 0.2rem solid var(--color-white);
+    border-radius: 0.2rem;
+  }
 `

src/ui/global/GlobalStyle.tsx

@@ -17,6 +17,7 @@ export const GlobalStyle = createGlobalStyle`
     --transition: 0.1s;
     --shadow: 0px 4px 10px #000000;;
 
+    --color-white: #fff;
     --color-orange: #d73400;
     --color-pink: #ff4077;
     --color-gray-lightest: #cccccc;

src/ui/requests/SigningRequest.tsx

@@ -151,6 +151,8 @@ export default styled(Request)`
 
   .scanner {
     position: relative;
+    border: 0.2rem solid var(--color-white);
+    border-radius: 0.2rem;
   }
 
   .spacer {