From 4920bd195efa43b872a73434d67174e9b5359f49 Mon Sep 17 00:00:00 2001
From: Luiz Chaves <lucachaves@gmail.com>
Date: Wed, 23 Oct 2024 14:31:11 -0300
Subject: [PATCH] fix: improve bg-color dark mode in iframe

---
 src/components/HtmlPreview.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/HtmlPreview.astro b/src/components/HtmlPreview.astro
index 6048ae8..deffa79 100644
--- a/src/components/HtmlPreview.astro
+++ b/src/components/HtmlPreview.astro
@@ -41,7 +41,7 @@ const codeName = src?.split('/')?.at(-2);
     }
   </div>
 
-  <div class={`code-preview overflow-hidden !m-0 ${showDarkMode ? 'bg-[#0d1117]' : '!bg-white'}`}>
+  <div class={`code-preview overflow-hidden !m-0 ${showDarkMode === true && 'bg-[#0d1117]'} ${showDarkMode === false && '!bg-white'}`}>
     {
       src && isShowIframe ? (
         <Iframe
@@ -62,6 +62,6 @@ const codeName = src?.split('/')?.at(-2);
 
 <style>
   .code-preview {
-    @apply bg-white dark:bg-[#0d1117] rounded p-4;
+    @apply dark:bg-[#0d1117] rounded p-4;
   }
 </style>