403725b970
Brings the docs site in visual parity with moleculesai.app so docs, marketing, and the canvas read as one product. Five focused changes inside the existing fumadocs shell — no MDX or content touched, no runtime/build dep changes: - global.css: override fumadocs @theme tokens with the warm-paper palette (#fafaf7 bg, #15181c ink, #3b5bdb governance blue, #efece4 muted, #e6e2d8 border). Dark mode keeps fumadocs' neutral defaults so dark-pref readers still get a readable docs site. - layout.tsx: swap Inter → Geist (sans) + JetBrains Mono (code), matching the landing's font stack. Wired through @theme so Tailwind's font-sans / font-mono utilities pick them up. - layout.config.tsx: brand the topbar — inline Molecule logo SVG + "Molecule AI · DOCS" lockup, plus three external links to the rest of the surface (Platform → app, Marketplace → market, Landing → www) and the org GitHub. Mirrors the landing's collapsed nav. - (home)/page.tsx: replace the stock fumadocs landing with a hero-style page matching the landing — statusbar strip, "Phase 35 Marketplace public beta" eyebrow, the same shimmering h1 copy, three quick-start lane cards (Build a workspace / Run an organisation / Publish to the Marketplace) pointing into the docs tree. Build is clean (106 static pages still generate). Existing /docs/* pages inherit the new tokens via fumadocs' DocsLayout, so the entire site shifts to the warm-paper aesthetic without touching MDX. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
33 lines
1.2 KiB
CSS
33 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
@import 'fumadocs-ui/css/neutral.css';
|
|
@import 'fumadocs-ui/css/preset.css';
|
|
|
|
/* Warm-paper light theme — aligned with the landing page (moleculesai.app).
|
|
Tokens map fumadocs' @theme variables onto our brand palette so docs,
|
|
marketing, and the canvas read as one product. */
|
|
@theme {
|
|
--font-sans: var(--font-geist), ui-sans-serif, system-ui, sans-serif;
|
|
--font-mono: var(--font-mono), ui-monospace, SFMono-Regular, monospace;
|
|
|
|
--color-fd-background: #fafaf7;
|
|
--color-fd-foreground: #15181c;
|
|
--color-fd-muted: #f3f1ec;
|
|
--color-fd-muted-foreground: #5a5e66;
|
|
--color-fd-popover: #ffffff;
|
|
--color-fd-popover-foreground: #15181c;
|
|
--color-fd-card: #ffffff;
|
|
--color-fd-card-foreground: #15181c;
|
|
--color-fd-border: #e6e2d8;
|
|
--color-fd-primary: #3b5bdb;
|
|
--color-fd-primary-foreground: #ffffff;
|
|
--color-fd-secondary: #efece4;
|
|
--color-fd-secondary-foreground: #15181c;
|
|
--color-fd-accent: #efece4;
|
|
--color-fd-accent-foreground: #15181c;
|
|
--color-fd-ring: #3b5bdb;
|
|
--color-fd-overlay: hsla(0, 0%, 0%, 0.18);
|
|
}
|
|
|
|
/* Dark mode keeps fumadocs' neutral defaults — readers expect docs sites
|
|
to honor their system preference, and our landing only ships light. */
|