Refactor backdrop color handling in Preview component for improved theme support

2026-08-28 11:33:29 +00:00 · 2025-05-02 00:28:19 +03:00
parent 72da8ae666
commit 1660c91747
2 changed files with 50 additions and 76 deletions
@@ -199,12 +199,22 @@
 </div>

 <style>
+  :root,
+  :root.light,
+  [data-theme="light"] {
+    --color-backdrop: rgba(255,255,255,0.98);
+  }
+  :root.dark,
+  [data-theme="dark"] {
+    --color-backdrop: rgba(0,0,0,0.99);
+  }
+
  .modal-backdrop.fullscreen {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: 100vh;
-    background: rgba(0,0,0,0.95);
+    background: var(--color-backdrop, rgba(0,0,0,0.95));
    z-index: 2000;
    display: flex;
    align-items: center;