mirror of
https://github.com/hanzo-docs/docs.git
synced 2026-10-27 09:19:53 +00:00
zeekay
bdd963a4c5
- Fix pre-existing build error: DynamicModelTable was not passed to MDX renderer
in docs page component — add client-components.tsx wrapper with dynamic() + ssr:false
and pass DynamicModelTable/DynamicCostExamples to <MDX components={...}>
- Remove postprocess.includeProcessedMarkdown from source.config.ts (caused SSG conflicts)
- Rewrite global.css with purple brand (#a855f7), proper Tailwind 4 --color-fd-* syntax,
neutralize all amber fd-warning/idea/info vars
- Add className="dark" to layout.tsx html tag (was rendering light mode)
- Redesign home page: remove floating chat bubble widget, pill buttons (rounded-full),
remove gradient sections, clean card styles matching cloud/flow pattern
- Stage zen-docs auto-generated docs/browser.ts and docs/server.ts (zen5 models)
- Stage insights-docs auto-generated docs/ files
67 lines
2.1 KiB
CSS
67 lines
2.1 KiB
CSS
@import 'tailwindcss';
|
|
@import '@hanzo/docs-base-ui/css/neutral.css';
|
|
@import '@hanzo/docs-base-ui/css/preset.css';
|
|
|
|
@theme {
|
|
/* ── Zen LM brand — purple, dark bg ───────────────────────── */
|
|
--color-brand: #a855f7;
|
|
--color-brand-foreground: #ffffff;
|
|
--color-brand-hover: #9333ea;
|
|
--color-brand-muted: rgba(168, 85, 247, 0.08);
|
|
|
|
--color-bg: #000000;
|
|
--color-bg-card: rgba(10, 10, 10, 0.95);
|
|
--color-bg-elevated: #111111;
|
|
--color-border: rgba(255, 255, 255, 0.10);
|
|
--color-text: #fafafa;
|
|
--color-text-muted: #a3a3a3;
|
|
--color-text-dim: #737373;
|
|
|
|
/* ── Fumadocs vars — monochrome base, purple primary ─────── */
|
|
--color-fd-background: #000000;
|
|
--color-fd-foreground: #fafafa;
|
|
--color-fd-card: #0a0a0a;
|
|
--color-fd-card-foreground: #fafafa;
|
|
--color-fd-muted: #111111;
|
|
--color-fd-muted-foreground: #8c8c8c;
|
|
--color-fd-popover: #0d0d0d;
|
|
--color-fd-popover-foreground: #f0f0f0;
|
|
--color-fd-border: rgba(255, 255, 255, 0.10);
|
|
--color-fd-primary: #a855f7;
|
|
--color-fd-primary-foreground: #ffffff;
|
|
--color-fd-secondary: #1a1a1a;
|
|
--color-fd-secondary-foreground: #ebebeb;
|
|
--color-fd-accent: rgba(168, 85, 247, 0.08);
|
|
--color-fd-accent-foreground: #e5e5e5;
|
|
--color-fd-ring: #a855f7;
|
|
--color-fd-overlay: rgba(0, 0, 0, 0.5);
|
|
|
|
/* Neutralize warning/idea amber */
|
|
--color-fd-warning: #a855f7;
|
|
--color-fd-idea: #a855f7;
|
|
--color-fd-info: #a855f7;
|
|
--color-fd-error: #ef4444;
|
|
--color-fd-success: #22c55e;
|
|
}
|
|
|
|
html {
|
|
scrollbar-gutter: stable;
|
|
color-scheme: dark;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-bg);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
#nd-sidebar {
|
|
--color-fd-muted: #1a1a1a;
|
|
--color-fd-secondary: #1a1a1a;
|
|
--color-fd-muted-foreground: #8c8c8c;
|
|
}
|
|
|
|
::selection {
|
|
background-color: rgba(168, 85, 247, 0.25);
|
|
color: white;
|
|
}
|