Add a new wedding theme variant. Use when creating a new visual style option (e.g. "bohemian", "rustic", "art deco").
When adding a new theme:
ThemeName union in src/lib/types.tssrc/app/layout.tsx:
next/font/googlevariable: "--font-{name}"<html>src/lib/themes.ts → themes object:
themeName: {
name: "themeName",
label: "Display Name",
// Colors
bg, bgAlt, text, textMuted, accent, accentMuted, border,
// Typography
headingFont: "var(--font-{name}), fallback",
bodyFont: "var(--font-{name}), fallback",
headingWeight, headingStyle, bodyWeight, labelSpacing,
// Visuals
heroOverlay, heroImage, closingImage,
ornament: "floral" | "geometric" | "none" | "lines",
borderRadius, dividerWidth,
sectionPadding, sectionPaddingMobile,
}
OrnamentStyle type in themes.tssrc/components/preview/Ornament.tsxChatPanel.tsx → themeMap in the theme step handlerEditPanel.tsx → theme <select> optionsconversation.ts → theme step quickRepliesTEMPLATES array in src/app/page.tsx with curated image + colorsDesign notes: