From 4fb0d014af488d1b264e0625470d8120bd16e9d6 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 25 Jun 2025 21:51:19 +0200
Subject: [PATCH] fix: hard-coded tailwind 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 3850fa7..fafb26b 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -196,10 +196,10 @@ export function PreviewPanel() {
       </div>
 
       {/* Preview Area */}
-      <div className="flex-1 flex items-center justify-center p-2 sm:p-4 bg-gray-900 min-h-0 min-w-0">
+      <div className="flex-1 flex items-center justify-center p-2 sm:p-4 min-h-0 min-w-0">
         <div
           ref={previewRef}
-          className="relative overflow-hidden rounded-sm max-w-full max-h-full bg-black border border-gray-600"
+          className="relative overflow-hidden rounded-sm max-w-full max-h-full bg-black border"
           style={{
             aspectRatio: aspectRatio.toString(),
             width: "100%",
@@ -207,7 +207,7 @@ export function PreviewPanel() {
           }}
         >
           {activeClips.length === 0 ? (
-            <div className="absolute inset-0 flex items-center justify-center text-white/50">
+            <div className="absolute inset-0 flex items-center justify-center text-muted-foreground">
               {tracks.length === 0
                 ? "Drop media to start editing"
                 : "No clips at current time"}