feat: add margin to lightbox

1 files changed, 9 insertions, 1 deletions

diff --git a/src/libo.css b/src/libo.css
index c68dc44..bc85a48 100644
--- a/src/libo.css
+++ b/src/libo.css
@@ -5,9 +5,11 @@
     width: 100%;
     height: 100%;
     padding: 1rem;
-    background-color: #fff;
     transition: opacity 0.2s ease-in-out;
 
+    backdrop-filter: blur(10px);
+    background-color: rgba(255, 255, 255, 0.75);
+
     display: flex;
     justify-content: center;
     align-items: center;
@@ -15,6 +17,12 @@
     cursor: pointer;
 }
 
+@media (prefers-color-scheme: dark) {
+    .libo-overlay {
+        background-color: rgba(0, 0, 0, 0.75);
+    }
+}
+
 .libo-shadow {
     position: absolute;
     transition-duration: 0.2s;