테마 적용

src/app/editor/panels/DividerPropertiesPanel.tsx

@@ -17,7 +17,7 @@ export function DividerPropertiesPanel({ dividerProps, selectedBlockId, updateBl
         <label className="flex flex-col gap-1 text-xs text-slate-400">
           <span>정렬</span>
           <select
-            className="rounded border border-slate-700 bg-slate-900 px-2 py-1 text-xs outline-none focus:border-sky-500"
+            className="rounded border border-slate-300 bg-white px-2 py-1 text-xs text-slate-900 outline-none focus:border-sky-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100"
             aria-label="구분선 정렬"
             value={dividerProps.align}
             onChange={(e) => {
@@ -35,7 +35,7 @@ export function DividerPropertiesPanel({ dividerProps, selectedBlockId, updateBl
         <label className="flex flex-col gap-1 text-xs text-slate-400">
           <span>두께</span>
           <select
-            className="rounded border border-slate-700 bg-slate-900 px-2 py-1 text-xs outline-none focus:border-sky-500"
+            className="rounded border border-slate-300 bg-white px-2 py-1 text-xs text-slate-900 outline-none focus:border-sky-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100"
             aria-label="구분선 두께"
             value={dividerProps.thickness}
             onChange={(e) => {
@@ -50,13 +50,13 @@ export function DividerPropertiesPanel({ dividerProps, selectedBlockId, updateBl
       </div>
 
       <div className="mt-3 space-y-2 border-t border-slate-800 pt-3 text-xs text-slate-400">
-        <h4 className="text-[11px] font-semibold text-slate-200">구분선 스타일</h4>
+        <h4 className="text-[11px] font-semibold text-slate-800 dark:text-slate-200">구분선 스타일</h4>
 
         {/* 길이/너비 모드 */}
         <label className="flex flex-col gap-1">
           <span>길이 모드</span>
           <select
-            className="rounded border border-slate-700 bg-slate-900 px-2 py-1 text-xs outline-none focus:border-sky-500"
+            className="rounded border border-slate-300 bg-white px-2 py-1 text-xs text-slate-900 outline-none focus:border-sky-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100"
             aria-label="구분선 길이 모드"
             value={dividerProps.widthMode ?? "full"}
             onChange={(e) => {
@@ -97,7 +97,7 @@ export function DividerPropertiesPanel({ dividerProps, selectedBlockId, updateBl
           value={
             dividerProps.colorHex && dividerProps.colorHex.trim() !== ""
               ? dividerProps.colorHex
-              : TEXT_COLOR_PALETTE[0]?.color ?? "#64748b"
+              : ""
           }
           onChange={(hex) => {
             updateBlock(selectedBlockId, { colorHex: hex } as any);