테마 적용

src/app/api/export/route.ts

@@ -81,8 +81,10 @@ export const buildStaticHtml = (blocks: Block[], projectConfig?: ProjectConfig):
   const basePart = "margin:0 auto;padding:24px;box-sizing:border-box;";
   const canvasStyle = `${widthPart}${bgPart}${basePart}`;
 
-  const bodyBgRaw = (projectConfig?.bodyBgColorHex ?? "#020617").trim() || "#020617";
-  const bodyStyle = `background-color:${bodyBgRaw};margin:0;padding:0;`;
+  const bodyBgRaw =
+    typeof projectConfig?.bodyBgColorHex === "string" ? projectConfig.bodyBgColorHex.trim() : "";
+  const bodyBgPart = bodyBgRaw ? `background-color:${bodyBgRaw};` : "";
+  const bodyStyle = `${bodyBgPart}margin:0;padding:0;`;
   const trackingRaw = (projectConfig?.trackingScript ?? "").trim();
   const trackingHtml = trackingRaw ? `\n${trackingRaw}\n` : "";
 
@@ -460,12 +462,19 @@ export const buildStaticHtml = (blocks: Block[], projectConfig?: ProjectConfig):
       const inputId = name;
 
       const fieldClass = isFloating ? "pb-form-field pb-form-field--floating" : "pb-form-field";
-      let fieldStyleAttr = "";
+      const cssVars: string[] = [];
       if (isFloating && typeof props.paddingY === "number" && props.paddingY >= 0) {
         const em = props.paddingY / 16;
-        fieldStyleAttr = ` style="--pb-input-padding-y:${em}rem"`;
+        cssVars.push(`--pb-input-padding-y:${em}rem`);
       }
 
+      // strokeColorCustom 이 있으면 플로팅 라벨 패치 색으로 사용할 CSS 변수에 전달한다.
+      if (typeof props.strokeColorCustom === "string" && props.strokeColorCustom.trim() !== "") {
+        cssVars.push(`--pb-input-border-color:${escapeAttr(props.strokeColorCustom.trim())}`);
+      }
+
+      const fieldStyleAttr = cssVars.length > 0 ? ` style="${cssVars.join(";")}"` : "";
+
       const placeholderBase =
         typeof props.placeholder === "string" && props.placeholder.trim() !== ""
           ? props.placeholder.trim()