테마 적용

src/app/editor/EditorCanvas.tsx

@@ -70,7 +70,7 @@ export function EditorCanvas(props: EditorCanvasProps) {
 
   return (
     <div
-      className="flex-1 p-4 flex flex-col gap-2 text-sm text-slate-200 border-r border-slate-800 overflow-auto pb-scroll"
+      className="flex-1 p-4 flex flex-col gap-2 text-sm border-r border-slate-800 overflow-auto pb-scroll"
       data-testid="editor-canvas"
       style={canvasOuterStyle}
       onClick={(event) => {
@@ -118,11 +118,11 @@ interface DragPreviewProps {
   block: Block | null;
 }
 
-function DragPreview({ block }: DragPreviewProps) {
+export function EditorCanvasDragPreview({ block }: DragPreviewProps) {
   if (!block) return null;
 
   return (
-    <div className="pointer-events-none rounded border border-sky-500 bg-slate-900/80 px-3 py-2 text-xs text-slate-100 shadow-lg opacity-90 min-w-[160px] max-w-[260px]">
+    <div className="pointer-events-none rounded border border-sky-500 bg-white px-3 py-2 text-xs text-slate-900 shadow-lg opacity-90 min-w-[160px] max-w-[260px] dark:bg-slate-900 dark:text-slate-100">
       <div className="text-[10px] uppercase tracking-wide text-sky-300 mb-1">
         {block.type === "text"
           ? "Text"
@@ -152,3 +152,7 @@ function DragPreview({ block }: DragPreviewProps) {
     </div>
   );
 }
+
+function DragPreview({ block }: DragPreviewProps) {
+  return <EditorCanvasDragPreview block={block} />;
+}