diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index f0871cf..77a1826 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -789,4 +789,8 @@ select:-moz-focusring {
     -webkit-backdrop-filter: saturate(180%) blur(10px);
     backdrop-filter: saturate(180%) blur(10px);
     background: var(--zoom-bg-color)!important;
+}
+
+.medium-zoom-image--opened {
+    background: var(--zoom-img-bg-color)!important;
 }
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index d3e86d7..2614fac 100644
--- a/src/index.css
+++ b/src/index.css
@@ -21,6 +21,7 @@
     --upload-color: rgba(102,102,102,1);
     --b-w: rgba(0,0,0,1);
     --zoom-bg-color: rgba(255,255,255,0.8);
+    --zoom-img-bg-color: rgba(255,255,255,0.5);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -40,6 +41,7 @@
         --upload-color: rgba(150,150,150,1);
         --b-w: rgba(255,255,255,1);
         --zoom-bg-color: rgba(0,0,0,0.8);
+        --zoom-img-bg-color: rgba(0,0,0,0.5);
 
     }
 }