change #rrggbbaa hex color notation to rgba (#563)

mebjas · Oct 24, 2022 · 5e8251e · 5e8251e
1 parent 19eed79
commit 5e8251e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/html5-qrcode-scanner.ts b/src/html5-qrcode-scanner.ts
@@ -912,16 +912,16 @@ export class Html5QrcodeScanner {
 
         switch (scannerStatus) {
             case Html5QrcodeScannerStatus.STATUS_SUCCESS:
-                messageDiv.style.background = "#6aaf5042";
+                messageDiv.style.background = "rgba(106, 175, 80, 0.26)";
                 messageDiv.style.color = "#477735";
                 break;
             case Html5QrcodeScannerStatus.STATUS_WARNING:
-                messageDiv.style.background = "#cb243124";
+                messageDiv.style.background = "rgba(203, 36, 49, 0.14)";
                 messageDiv.style.color = "#cb2431";
                 break;
             case Html5QrcodeScannerStatus.STATUS_DEFAULT:
             default:
-                messageDiv.style.background = "#00000000";
+                messageDiv.style.background = "rgba(0, 0, 0, 0)";
                 messageDiv.style.color = "rgb(17, 17, 17)";
                 break;
         }

diff --git a/src/html5-qrcode.ts b/src/html5-qrcode.ts
@@ -1535,13 +1535,13 @@ export class Html5Qrcode {
         const topBottomBorderSize = (height - qrboxSize.height) / 2;
 
         shadingElement.style.borderLeft
-            = `${rightLeftBorderSize}px solid #0000007a`;
+            = `${rightLeftBorderSize}px solid rgba(0, 0, 0, 0.48)`;
         shadingElement.style.borderRight
-            = `${rightLeftBorderSize}px solid #0000007a`;
+            = `${rightLeftBorderSize}px solid rgba(0, 0, 0, 0.48)`;
         shadingElement.style.borderTop
-            = `${topBottomBorderSize}px solid #0000007a`;
+            = `${topBottomBorderSize}px solid rgba(0, 0, 0, 0.48)`;
         shadingElement.style.borderBottom
-            = `${topBottomBorderSize}px solid #0000007a`;
+            = `${topBottomBorderSize}px solid rgba(0, 0, 0, 0.48)`;
         shadingElement.style.boxSizing = "border-box";
         shadingElement.style.top = "0px";
         shadingElement.style.bottom = "0px";