Fix dark mode in Chrome (#4036)

cloudflare · Sep 26, 2023 · 2eadcee · 2eadcee
1 parent 2b71e22
commit 2eadcee
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/workers-playground/src/QuickEditor/PreviewTab/useRefreshableIframe.tsx b/packages/workers-playground/src/QuickEditor/PreviewTab/useRefreshableIframe.tsx
@@ -84,7 +84,7 @@ export function useRefreshableIframe(
 				<Frame
 					innerRef={refs[0]}
 					style={{
-						background: "white",
+						opacity: index === 0 ? 1 : 0,
 						zIndex: index === 0 ? 10 : 5,
 						pointerEvents: isLoading || isPaneDragging ? "none" : "auto",
 					}}
@@ -93,7 +93,7 @@ export function useRefreshableIframe(
 				<Frame
 					innerRef={refs[1]}
 					style={{
-						background: "white",
+						opacity: index === 1 ? 1 : 0,
 						zIndex: index === 1 ? 10 : 5,
 						pointerEvents: isLoading || isPaneDragging ? "none" : "auto",
 					}}