fix: improve medium-zoom overlay styling for dark mode

SerVitasik · SerVitasik · commit a9d41dd58093 · 2025-02-27T13:05:00.000+02:00
diff --git a/custom/preview.vue b/custom/preview.vue
@@ -39,7 +39,11 @@
     background: rgba(0, 0, 0, 0.8);
   }
   .medium-zoom-overlay {
-    background: rgba(255, 255, 255, 0.8) !important
+    z-index: 99;
+    background: rgba(255, 255, 255, 0.8) !important;
+  }
+  html.dark .medium-zoom-overlay {
+    background: rgba(17, 24, 39, 0.7) !important;
   }
   body.medium-zoom--opened aside {
     filter: grayscale(1)

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,11 @@`
`39`	`39`	`background: rgba(0, 0, 0, 0.8);`
`40`	`40`	`}`
`41`	`41`	`.medium-zoom-overlay {`
`42`		`- background: rgba(255, 255, 255, 0.8) !important`
	`42`	`+ z-index: 99;`
	`43`	`+ background: rgba(255, 255, 255, 0.8) !important;`
	`44`	`+ }`
	`45`	`+ html.dark .medium-zoom-overlay {`
	`46`	`+ background: rgba(17, 24, 39, 0.7) !important;`
`43`	`47`	`}`
`44`	`48`	`body.medium-zoom--opened aside {`
`45`	`49`	`filter: grayscale(1)`