fix: hard-coded tailwind colors

1 files 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 3850fa7e..fafb26bd 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"}