43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
/** Tokens aligned with justine/03_dashboard.html (new project modal + .btn-primary). */
|
|
export const JM = {
|
|
overlay: "rgba(15,14,26,0.45)",
|
|
cardShadow: "0 24px 64px rgba(30,27,75,0.18)",
|
|
ink: "#1A1A1A",
|
|
mid: "#6B7280",
|
|
muted: "#9CA3AF",
|
|
border: "#E5E7EB",
|
|
cream: "#FAFAFF",
|
|
inputBg: "#FAFAFA",
|
|
indigo: "#6366F1",
|
|
fontSans: 'var(--font-justine-jakarta), "Plus Jakarta Sans", ui-sans-serif, sans-serif',
|
|
/** Headings use same face as Justine `.f` on dashboard */
|
|
fontDisplay: 'var(--font-justine-jakarta), "Plus Jakarta Sans", ui-sans-serif, sans-serif',
|
|
primaryGradient: "linear-gradient(135deg,#2E2A5E,#4338CA)",
|
|
primaryShadow: "0 4px 14px rgba(30,27,75,0.14)",
|
|
primaryShadowHover: "0 6px 20px rgba(30,27,75,0.22)",
|
|
cardMaxWidth: 420,
|
|
/** Build flow — design system step: kit list + preview side-by-side */
|
|
cardMaxWidthDesignKit: 840,
|
|
} as const;
|
|
|
|
/** Overview / describe chat — justine/05_describe.html */
|
|
export const JV = {
|
|
chatColumnBg: "linear-gradient(180deg, #FAFAFA 0%, #F5F3FF 100%)",
|
|
prdPanelBg: "#F5F3FF",
|
|
bubbleAiBg: "#F0F4FF",
|
|
bubbleAiBorder: "#E0E7FF",
|
|
bubbleUserBg: "#6366F1",
|
|
bubbleUserColor: "#FFFFFF",
|
|
inputWrapBg: "#FAFAFA",
|
|
accentSoft: "#A5B4FC",
|
|
violetTint: "#EDE9FE",
|
|
/** Centered “studio” feed — main chat column */
|
|
chatFeedMaxWidth: 720,
|
|
/** User bubble (right rail) — soft tint, not flat indigo */
|
|
userBubbleBg: "#EDE9FE",
|
|
userBubbleBorder: "#E0E7FF",
|
|
composerSurface: "#FFFFFF",
|
|
composerRadius: 22,
|
|
composerShadow: "0 4px 28px rgba(30, 27, 75, 0.08)",
|
|
} as const;
|