Initialize a Next.js-based documentation site using Fumadocs framework to provide comprehensive guides for all GPUI components. The site includes getting started guides, API references, and documentation for 40+ components including Button, Input, Table, Tree, Chart, and more. --------- Co-authored-by: Jason Lee <huacnlee@gmail.com>
40 lines
1.4 KiB
CSS
40 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
@import "fumadocs-ui/css/preset.css";
|
|
|
|
@theme {
|
|
--color-fd-background: oklch(1 0 0);
|
|
--color-fd-foreground: oklch(0.145 0 0);
|
|
--color-fd-muted: oklch(0.97 0 0);
|
|
--color-fd-muted-foreground: oklch(0.556 0 0);
|
|
--color-fd-popover: oklch(1 0 0);
|
|
--color-fd-popover-foreground: oklch(0.145 0 0);
|
|
--color-fd-card: oklch(1 0 0);
|
|
--color-fd-card-foreground: oklch(0.145 0 0);
|
|
--color-fd-border: oklch(0.922 0 0);
|
|
--color-fd-primary: oklch(0.205 0 0);
|
|
--color-fd-primary-foreground: oklch(0.985 0 0);
|
|
--color-fd-secondary: oklch(0.97 0 0);
|
|
--color-fd-secondary-foreground: oklch(0.205 0 0);
|
|
--color-fd-accent: oklch(0.97 0 0);
|
|
--color-fd-accent-foreground: oklch(0.205 0 0);
|
|
--color-fd-ring: oklch(0.708 0 0);
|
|
}
|
|
|
|
.dark {
|
|
--color-fd-background: oklch(0.145 0 0);
|
|
--color-fd-foreground: oklch(0.985 0 0);
|
|
--color-fd-muted: oklch(0.269 0 0);
|
|
--color-fd-muted-foreground: oklch(0.708 0 0);
|
|
--color-fd-popover: oklch(0.269 0 0);
|
|
--color-fd-popover-foreground: oklch(0.985 0 0);
|
|
--color-fd-card: oklch(0.205 0 0);
|
|
--color-fd-card-foreground: oklch(0.985 0 0);
|
|
--color-fd-border: oklch(1 0 0 / 10%);
|
|
--color-fd-primary: oklch(0.922 0 0);
|
|
--color-fd-primary-foreground: oklch(0.205 0 0);
|
|
--color-fd-secondary: oklch(0.269 0 0);
|
|
--color-fd-secondary-foreground: oklch(0.985 0 0);
|
|
--color-fd-accent: oklch(0.371 0 0);
|
|
--color-fd-accent-foreground: oklch(0.985 0 0);
|
|
--color-fd-ring: oklch(0.556 0 0);
|
|
}
|