From 2eadcee309efbe298c02630d18306c09d44bc80f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Somhairle=20MacLe=C3=B2id?= <smacleod@cloudflare.com>
Date: Wed, 27 Sep 2023 00:25:46 +0100
Subject: [PATCH] Fix dark mode in Chrome (#4036)

---
 .../src/QuickEditor/PreviewTab/useRefreshableIframe.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/workers-playground/src/QuickEditor/PreviewTab/useRefreshableIframe.tsx b/packages/workers-playground/src/QuickEditor/PreviewTab/useRefreshableIframe.tsx
index 9ebad353c00b..bd01ab375f6b 100644
--- 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",
 					}}