From fdb13c21308baf400b66ffe1ac8514f21f317772 Mon Sep 17 00:00:00 2001
From: WOGGER7 <saneenmecheri@gmail.com>
Date: Mon, 21 Jul 2025 14:25:46 +0530
Subject: [PATCH] Fix fullscreen preview panel background colors

---
 apps/web/src/components/editor/preview-panel.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx
index 4ffee341..3bc38be4 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -504,8 +504,8 @@ export function PreviewPanel() {
 
       {/* Expanded/Fullscreen Mode */}
       {isExpanded && (
-        <div className="fixed inset-0 z-[9999] bg-black flex flex-col">
-          <div className="flex-1 flex items-center justify-center">
+        <div className="fixed inset-0 z-[9999] flex flex-col">
+          <div className="flex-1 flex items-center justify-center bg-background">
             <div
               className="relative overflow-hidden border-2 border-white/20 rounded-lg shadow-2xl"
               style={{
@@ -537,7 +537,7 @@ export function PreviewPanel() {
                 )}
             </div>
           </div>
-          <div className="p-4">
+          <div className="p-4 bg-black">
             <PreviewToolbar
               hasAnyElements={hasAnyElements}
               onToggleExpanded={toggleExpanded}