@farming-labs/theme 0.0.2-beta.15 → 0.0.2-beta.17

package/dist/docs-layout.mjs

@@ -1,4 +1,5 @@
 import { DocsAIFeatures } from "./docs-ai-features.mjs";
+import { DocsCommandSearch } from "./docs-command-search.mjs";
 import { serializeIcon } from "./serialize-icon.mjs";
 import { DocsPageClient } from "./docs-page-client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -161,6 +162,31 @@ function buildLastModifiedMap(entry) {
 	return map;
 }
 /**
+* Scan all page.mdx files and build a map of URL pathname → description
+* from the frontmatter `description` field.
+*/
+function buildDescriptionMap(entry) {
+	const docsDir = path.join(process.cwd(), "app", entry);
+	const map = {};
+	function scan(dir, slugParts) {
+		if (!fs.existsSync(dir)) return;
+		const pagePath = path.join(dir, "page.mdx");
+		if (fs.existsSync(pagePath)) {
+			const desc = readFrontmatter(pagePath).description;
+			if (desc) {
+				const url = slugParts.length === 0 ? `/${entry}` : `/${entry}/${slugParts.join("/")}`;
+				map[url] = desc;
+			}
+		}
+		for (const name of fs.readdirSync(dir)) {
+			const full = path.join(dir, name);
+			if (fs.statSync(full).isDirectory()) scan(full, [...slugParts, name]);
+		}
+	}
+	scan(docsDir, []);
+	return map;
+}
+/**
 * Build a Next.js Metadata object from the docs config.
 *
 * Returns layout-level metadata including `title.template` so each page's
@@ -230,7 +256,7 @@ function buildColorsCSS(colors) {
 		vars.push(`${COLOR_MAP[key]}: ${value};`);
 	}
 	if (vars.length === 0) return "";
-	return `:root, .dark {\n  ${vars.join("\n  ")}\n}`;
+	return `.dark {\n  ${vars.join("\n  ")}\n}`;
 }
 function ColorStyle({ colors }) {
 	const css = buildColorsCSS(colors);
@@ -275,7 +301,9 @@ function TypographyStyle({ typography }) {
 	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: css } });
 }
 function createDocsLayout(config) {
-	const tocEnabled = (config.theme?.ui?.layout?.toc)?.enabled !== false;
+	const tocConfig = config.theme?.ui?.layout?.toc;
+	const tocEnabled = tocConfig?.enabled !== false;
+	const tocStyle = tocConfig?.style;
 	const navTitle = config.nav?.title ?? "Docs";
 	const navUrl = config.nav?.url ?? `/${config.entry}`;
 	const themeSwitch = resolveThemeSwitch(config.themeToggle);
@@ -309,6 +337,7 @@ function createDocsLayout(config) {
 	const aiLabel = aiConfig?.aiLabel;
 	const aiLoadingComponentHtml = typeof aiConfig?.loadingComponent === "function" ? serializeIcon(aiConfig.loadingComponent({ name: aiLabel || "AI" })) : void 0;
 	const lastModifiedMap = buildLastModifiedMap(config.entry);
+	const descriptionMap = buildDescriptionMap(config.entry);
 	return function DocsLayoutWrapper({ children }) {
 		return /* @__PURE__ */ jsxs(DocsLayout, {
 			tree: buildTree(config),
@@ -322,6 +351,7 @@ function createDocsLayout(config) {
 				/* @__PURE__ */ jsx(ColorStyle, { colors }),
 				/* @__PURE__ */ jsx(TypographyStyle, { typography }),
 				forcedTheme && /* @__PURE__ */ jsx(ForcedThemeScript, { theme: forcedTheme }),
+				/* @__PURE__ */ jsx(DocsCommandSearch, {}),
 				aiEnabled && /* @__PURE__ */ jsx(DocsAIFeatures, {
 					mode: aiMode,
 					position: aiPosition,
@@ -333,6 +363,7 @@ function createDocsLayout(config) {
 				}),
 				/* @__PURE__ */ jsx(DocsPageClient, {
 					tocEnabled,
+					tocStyle,
 					breadcrumbEnabled,
 					entry: config.entry,
 					copyMarkdown: copyMarkdownEnabled,
@@ -343,6 +374,7 @@ function createDocsLayout(config) {
 					githubBranch,
 					githubDirectory,
 					lastModifiedMap,
+					descriptionMap,
 					children
 				})
 			]

package/dist/docs-page-client.d.mts

@@ -10,6 +10,7 @@ interface SerializedProvider {
 }
 interface DocsPageClientProps {
   tocEnabled: boolean;
+  tocStyle?: "default" | "directional";
   breadcrumbEnabled?: boolean;
   /** The docs entry folder name (e.g. "docs") — used to strip from breadcrumb */
   entry?: string;
@@ -26,10 +27,15 @@ interface DocsPageClientProps {
   githubDirectory?: string;
   /** Map of pathname → formatted last-modified date string */
   lastModifiedMap?: Record<string, string>;
+  /** Map of pathname → frontmatter description */
+  descriptionMap?: Record<string, string>;
+  /** Frontmatter description to display below the page title (overrides descriptionMap) */
+  description?: string;
   children: ReactNode;
 }
 declare function DocsPageClient({
   tocEnabled,
+  tocStyle,
   breadcrumbEnabled,
   entry,
   copyMarkdown,
@@ -40,6 +46,8 @@ declare function DocsPageClient({
   githubBranch,
   githubDirectory,
   lastModifiedMap,
+  descriptionMap,
+  description,
   children
 }: DocsPageClientProps): react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/docs-page-client.mjs

@@ -13,15 +13,13 @@ import { usePathname, useRouter } from "next/navigation";
 */
 function PathBreadcrumb({ pathname, entry }) {
 	const router = useRouter();
-	const allSegments = pathname.split("/").filter(Boolean);
-	const segments = allSegments.filter((s) => s.toLowerCase() !== entry.toLowerCase());
+	const segments = pathname.split("/").filter(Boolean);
 	if (segments.length < 2) return null;
 	const parentSegment = segments[segments.length - 2];
 	const currentSegment = segments[segments.length - 1];
 	const parentLabel = parentSegment.replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 	const currentLabel = currentSegment.replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-	const parentIndex = allSegments.indexOf(parentSegment);
-	const parentUrl = "/" + allSegments.slice(0, parentIndex + 1).join("/");
+	const parentUrl = "/" + segments.slice(0, segments.length - 1).join("/");
 	return /* @__PURE__ */ jsxs("nav", {
 		className: "fd-breadcrumb",
 		"aria-label": "Breadcrumb",
@@ -64,9 +62,11 @@ function buildGithubFileUrl(githubUrl, branch, pathname, directory) {
 	const segments = pathname.replace(/^\//, "").replace(/\/$/, "");
 	return `${githubUrl}/tree/${branch}/${directory ? `${directory}/` : ""}app/${segments}/page.mdx`;
 }
-function DocsPageClient({ tocEnabled, breadcrumbEnabled = true, entry = "docs", copyMarkdown = false, openDocs = false, openDocsProviders, pageActionsPosition = "below-title", githubUrl, githubBranch = "main", githubDirectory, lastModifiedMap, children }) {
+function DocsPageClient({ tocEnabled, tocStyle = "default", breadcrumbEnabled = true, entry = "docs", copyMarkdown = false, openDocs = false, openDocsProviders, pageActionsPosition = "below-title", githubUrl, githubBranch = "main", githubDirectory, lastModifiedMap, descriptionMap, description, children }) {
+	const fdTocStyle = tocStyle === "directional" ? "clerk" : void 0;
 	const [toc, setToc] = useState([]);
 	const pathname = usePathname();
+	const pageDescription = description ?? descriptionMap?.[pathname.replace(/\/$/, "") || "/"];
 	useEffect(() => {
 		if (!tocEnabled) return;
 		const timer = requestAnimationFrame(() => {
@@ -81,6 +81,26 @@ function DocsPageClient({ tocEnabled, breadcrumbEnabled = true, entry = "docs",
 		});
 		return () => cancelAnimationFrame(timer);
 	}, [tocEnabled, pathname]);
+	useEffect(() => {
+		if (!pageDescription) return;
+		const timer = requestAnimationFrame(() => {
+			const container = document.getElementById("nd-page");
+			if (!container) return;
+			const existingDesc = container.querySelector(".fd-page-description");
+			if (existingDesc) existingDesc.remove();
+			const h1 = container.querySelector("h1");
+			if (!h1) return;
+			const descEl = document.createElement("p");
+			descEl.className = "fd-page-description";
+			descEl.textContent = pageDescription;
+			h1.insertAdjacentElement("afterend", descEl);
+		});
+		return () => {
+			cancelAnimationFrame(timer);
+			const desc = document.querySelector("#nd-page .fd-page-description");
+			if (desc) desc.remove();
+		};
+	}, [pageDescription, pathname]);
 	const showActions = copyMarkdown || openDocs;
 	const githubFileUrl = githubUrl ? buildGithubFileUrl(githubUrl, githubBranch, pathname, githubDirectory) : void 0;
 	const normalizedPath = pathname.replace(/\/$/, "") || "/";
@@ -88,8 +108,14 @@ function DocsPageClient({ tocEnabled, breadcrumbEnabled = true, entry = "docs",
 	const showFooter = githubFileUrl || lastModified;
 	return /* @__PURE__ */ jsxs(DocsPage, {
 		toc,
-		tableOfContent: { enabled: tocEnabled },
-		tableOfContentPopover: { enabled: tocEnabled },
+		tableOfContent: {
+			enabled: tocEnabled,
+			style: fdTocStyle
+		},
+		tableOfContentPopover: {
+			enabled: tocEnabled,
+			style: fdTocStyle
+		},
 		breadcrumb: { enabled: false },
 		children: [
 			breadcrumbEnabled && /* @__PURE__ */ jsx(PathBreadcrumb, {

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import { DefaultUIDefaults, fumadocs } from "./default/index.mjs";
+import { DocsCommandSearch } from "./docs-command-search.mjs";
 import { createDocsLayout, createDocsMetadata } from "./docs-layout.mjs";
 import { DocsPageClient } from "./docs-page-client.mjs";
 import { RootProvider } from "./provider.mjs";
@@ -8,4 +9,4 @@ import { DocsBody, DocsPage } from "fumadocs-ui/layouts/docs/page";
 import { AIConfig, BreadcrumbConfig, CopyMarkdownConfig, DocsConfig, DocsMetadata, DocsNav, DocsTheme, FontStyle, OGConfig, OpenDocsConfig, OpenDocsProvider, PageActionsConfig, PageFrontmatter, SidebarConfig, ThemeToggleConfig, TypographyConfig, UIConfig, createTheme, deepMerge, defineDocs, extendTheme } from "@farming-labs/docs";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre } from "fumadocs-ui/components/codeblock";
-export { type AIConfig, type BreadcrumbConfig, CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, type CopyMarkdownConfig, DocsBody, type DocsConfig, DocsLayout, type DocsMetadata, type DocsNav, DocsPage, DocsPageClient, type DocsTheme, type FontStyle, DefaultUIDefaults as FumadocsUIDefaults, type OGConfig, type OpenDocsConfig, type OpenDocsProvider, PageActions, type PageActionsConfig, type PageFrontmatter, Pre, RootProvider, type SidebarConfig, Tab, Tabs, type ThemeToggleConfig, type TypographyConfig, type UIConfig, createDocsLayout, createDocsMetadata, createTheme, deepMerge, defineDocs, extendTheme, fumadocs };
+export { type AIConfig, type BreadcrumbConfig, CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, type CopyMarkdownConfig, DocsBody, DocsCommandSearch, type DocsConfig, DocsLayout, type DocsMetadata, type DocsNav, DocsPage, DocsPageClient, type DocsTheme, type FontStyle, DefaultUIDefaults as FumadocsUIDefaults, type OGConfig, type OpenDocsConfig, type OpenDocsProvider, PageActions, type PageActionsConfig, type PageFrontmatter, Pre, RootProvider, type SidebarConfig, Tab, Tabs, type ThemeToggleConfig, type TypographyConfig, type UIConfig, createDocsLayout, createDocsMetadata, createTheme, deepMerge, defineDocs, extendTheme, fumadocs };

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { DocsCommandSearch } from "./docs-command-search.mjs";
 import { PageActions } from "./page-actions.mjs";
 import { DocsPageClient } from "./docs-page-client.mjs";
 import { createDocsLayout, createDocsMetadata } from "./docs-layout.mjs";
@@ -9,4 +10,4 @@ import { createTheme, deepMerge, defineDocs, extendTheme } from "@farming-labs/d
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre } from "fumadocs-ui/components/codeblock";
 
-export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, DocsBody, DocsLayout, DocsPage, DocsPageClient, DefaultUIDefaults as FumadocsUIDefaults, PageActions, Pre, RootProvider, Tab, Tabs, createDocsLayout, createDocsMetadata, createTheme, deepMerge, defineDocs, extendTheme, fumadocs };
+export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, DocsBody, DocsCommandSearch, DocsLayout, DocsPage, DocsPageClient, DefaultUIDefaults as FumadocsUIDefaults, PageActions, Pre, RootProvider, Tab, Tabs, createDocsLayout, createDocsMetadata, createTheme, deepMerge, defineDocs, extendTheme, fumadocs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.2-beta.15",
+  "version": "0.0.2-beta.17",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "type": "module",
   "main": "./dist/index.mjs",
@@ -31,6 +31,11 @@
       "import": "./dist/pixel-border/index.mjs",
       "default": "./dist/pixel-border/index.mjs"
     },
+    "./colorful": {
+      "types": "./dist/colorful/index.d.mts",
+      "import": "./dist/colorful/index.mjs",
+      "default": "./dist/colorful/index.mjs"
+    },
     "./search": {
       "types": "./dist/search.d.mts",
       "import": "./dist/search.mjs",
@@ -46,6 +51,7 @@
     "./default/css": "./styles/default.css",
     "./darksharp/css": "./styles/darksharp.css",
     "./pixel-border/css": "./styles/pixel-border.css",
+    "./colorful/css": "./styles/colorful.css",
     "./presets/neutral": "./styles/presets/neutral.css",
     "./presets/black": "./styles/presets/black.css",
     "./presets/base": "./styles/presets/base.css"
@@ -74,7 +80,7 @@
     "next": ">=14.0.0",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@farming-labs/docs": "0.0.2-beta.15"
+    "@farming-labs/docs": "0.0.2-beta.17"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/ai.css

@@ -402,24 +402,32 @@
 .fd-ai-floating-btn {
   position: fixed;
   z-index: 9997;
-  width: 52px;
-  height: 52px;
-  border-radius: var(--radius, 26px);
-  border: 1px solid var(--color-fd-border, rgba(255, 255, 255, 0.1));
-  background: var(--color-fd-primary, #6366f1);
-  color: var(--color-fd-primary-foreground, #fff);
-  cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 8px 32px color-mix(in srgb, var(--color-fd-primary, #6366f1) 30%, transparent);
-  transition: all 200ms;
+  gap: 8px;
+  padding: 8px 12px;
+  height: 40px;
+  border-radius: 16px;
+  border: 1px solid var(--color-fd-border, rgba(255, 255, 255, 0.1));
+  background: color-mix(in srgb, var(--color-fd-secondary, #f4f4f5) 80%, transparent);
+  backdrop-filter: blur(4px);
+  color: var(--color-fd-muted-foreground, #71717a);
+  cursor: pointer;
+  font-size: 14px;
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-fd-background, #000) 20%, transparent);
+  transition: transform 150ms, background 150ms, color 150ms;
   animation: fd-ai-fade-in 300ms ease-out;
 }
 
 .fd-ai-floating-btn:hover {
-  transform: scale(1.05);
-  box-shadow: 0 10px 40px color-mix(in srgb, var(--color-fd-primary, #6366f1) 40%, transparent);
+  background: var(--color-fd-accent);
+  color: var(--color-fd-accent-foreground);
+  transform: scale(1.03);
+}
+
+.fd-ai-floating-btn:active {
+  transform: scale(0.97);
 }
 
 .fd-ai-floating-trigger {
@@ -492,7 +500,7 @@
   margin: 10px 0;
   border-radius: var(--radius, 8px);
   border: 1px solid var(--color-fd-border, rgba(255, 255, 255, 0.1));
-  /* background: var(--color-fd-muted, #1a1a2e); */
+  background: var(--color-fd-muted, #1a1a2e);
   overflow: hidden;
 }
 
@@ -722,6 +730,7 @@
 .fd-ai-fm-input-bar--open {
   bottom: 16px;
   left: 50%;
+  right: auto;
   transform: translateX(-50%);
   width: min(800px, calc(100vw - 32px));
 }
@@ -871,24 +880,28 @@
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding: 8px 16px;
+  padding: 8px 12px;
   height: 40px;
-  border-radius: var(--radius, 16px);
+  border-radius: 16px;
   border: 1px solid var(--color-fd-border, rgba(255, 255, 255, 0.1));
-  background: var(--color-fd-secondary, rgba(255, 255, 255, 0.06));
+  background: color-mix(in srgb, var(--color-fd-secondary, #f4f4f5) 80%, transparent);
+  backdrop-filter: blur(4px);
   color: var(--color-fd-muted-foreground, #71717a);
   font-family: inherit;
   font-size: 14px;
   cursor: pointer;
-  backdrop-filter: blur(8px);
-  box-shadow: 0 8px 32px color-mix(in srgb, var(--color-fd-background, #000) 40%, transparent);
-  transition: all 200ms;
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-fd-background, #000) 20%, transparent);
+  transition: transform 150ms, background 150ms, color 150ms;
   animation: fd-ai-fade-in 300ms ease-out;
   white-space: nowrap;
 }
 
 .fd-ai-fm-trigger-btn:hover {
-  background: var(--color-fd-accent, rgba(255, 255, 255, 0.1));
-  color: var(--color-fd-accent-foreground, #fff);
+  background: var(--color-fd-accent);
+  color: var(--color-fd-accent-foreground);
   transform: scale(1.03);
 }
+
+.fd-ai-fm-trigger-btn:active {
+  transform: scale(0.97);
+}

package/styles/base.css

@@ -1,6 +1,9 @@
 /* AI Chat & Search Dialog styles */
 @import "./ai.css";
 
+/* Omni Command Palette — built-in search */
+@import "./omni.css";
+
 /* Shared base styles for all @farming-labs/theme themes.
  *
  * Typography CSS custom properties:
@@ -105,6 +108,15 @@ figure.shiki pre > code > [data-line] {
   padding: 0 0.25rem;
 }
 
+/* ─── Page description (frontmatter) ─────────────────────────────────── */
+
+.fd-page-description {
+  margin-bottom: 1rem;
+  font-size: 1.125rem;
+  line-height: 1.75;
+  color: var(--color-fd-muted-foreground);
+}
+
 /* ─── Breadcrumb ─────────────────────────────────────────────────────── */
 
 .fd-breadcrumb {

package/styles/colorful.css

@@ -0,0 +1,261 @@
+/* @farming-labs/theme — colorful theme CSS
+ * Fumadocs-inspired theme with warm yellow/amber accent colors.
+ */
+@import "./presets/neutral.css";
+
+/* ─── Colorful yellow accent overrides ────────────────────────────── */
+
+:root {
+  --color-fd-primary: hsl(40, 96%, 40%);
+  --color-fd-primary-foreground: hsl(0, 0%, 100%);
+  --color-fd-ring: hsl(40, 80%, 50%);
+}
+
+.dark {
+  --color-fd-primary: hsl(45, 100%, 60%);
+  --color-fd-primary-foreground: hsl(0, 0%, 5%);
+  --color-fd-ring: hsl(45, 90%, 55%);
+}
+
+/* ─── Description under title ──────────────────────────────────────── */
+
+.fd-page-description {
+  margin-bottom: 1rem;
+  font-size: 1.125rem;
+  line-height: 1.75;
+  color: var(--color-fd-muted-foreground);
+}
+
+/* ─── Page Actions (colorful theme) ─────────────────────────────────── */
+
+.fd-page-action-btn {
+  border-radius: 0.375rem;
+}
+
+.fd-page-action-menu {
+  border-radius: 0.5rem;
+}
+
+.fd-page-action-menu-item {
+  border-radius: 0.25rem;
+}
+
+/* ─── AI Chat (colorful theme) ───────────────────────────────────────── */
+
+.fd-ai-dialog {
+  border-radius: 12px;
+  box-shadow: 0 20px 60px rgba(180, 140, 20, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
+}
+
+.fd-ai-bubble-user {
+  border-radius: 16px 16px 4px 16px;
+}
+
+.fd-ai-bubble-ai {
+  border-radius: 16px 16px 16px 4px;
+}
+
+.fd-ai-input-wrap {
+  border-radius: 10px;
+}
+
+.fd-ai-send-btn {
+  border-radius: 8px;
+}
+
+.fd-ai-floating-btn {
+  border-radius: 26px;
+  box-shadow: 0 8px 32px rgba(180, 140, 20, 0.3);
+}
+
+.fd-ai-floating-btn:hover {
+  box-shadow: 0 10px 40px rgba(180, 140, 20, 0.4);
+}
+
+.fd-ai-suggestion {
+  border-radius: 8px;
+}
+
+.fd-ai-result {
+  border-radius: 8px;
+}
+
+/* ─── Full-Modal ────────────────────────────────────────────────────── */
+
+.fd-ai-fm-input-container {
+  border-radius: 12px;
+}
+
+.fd-ai-fm-send-btn {
+  border-radius: 9999px;
+}
+
+.fd-ai-fm-suggestion {
+  border-radius: 9999px;
+}
+
+.fd-ai-fm-trigger-btn {
+  border-radius: 16px;
+}
+
+.fd-ai-fm-close-btn {
+  border-radius: 9999px;
+}
+
+/* ─── Code blocks ───────────────────────────────────────────────────── */
+
+.fd-ai-code-block {
+  border-radius: 8px;
+}
+
+.fd-ai-code-copy {
+  border-radius: 4px;
+}
+
+/* ─── Sidebar colorful overrides ────────────────────────────────────── */
+
+.dark .fd-sidebar {
+  --color-fd-muted: hsl(0, 0%, 16%);
+  --color-fd-secondary: hsl(0, 0%, 18%);
+  --color-fd-muted-foreground: hsl(0, 0%, 72%);
+}
+
+/* ─── Cards (fumadocs style) ────────────────────────────────────────── */
+
+.fd-card {
+  display: block;
+  border-radius: 0.75rem;
+  border: 1px solid var(--color-fd-border);
+  background: var(--color-fd-card);
+  padding: 1rem;
+  font-size: 0.875rem;
+  color: var(--color-fd-card-foreground);
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+  transition: background-color 150ms, border-color 150ms;
+}
+
+.fd-card:hover {
+  background: var(--color-fd-accent);
+}
+
+.fd-card-icon {
+  margin-bottom: 0.5rem;
+  width: fit-content;
+  border-radius: 0.375rem;
+  border: 1px solid var(--color-fd-border);
+  padding: 0.375rem;
+  color: var(--color-fd-muted-foreground);
+}
+
+.fd-card-title {
+  font-weight: 500;
+}
+
+.fd-card-description {
+  color: var(--color-fd-muted-foreground);
+  margin-top: 0.25rem;
+}
+
+/* ─── Cards grid ──────────────────────────────────────────────────── */
+
+.fd-cards {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+}
+
+@media (min-width: 640px) {
+  .fd-cards {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+/* ─── Page nav cards (fumadocs style) ──────────────────────────────── */
+
+.fd-page-nav-card {
+  border-radius: 0.75rem;
+}
+
+/* ─── Inline code ──────────────────────────────────────────────────── */
+
+.fd-docs-content :not(pre) > code {
+  padding: 3px;
+  border: 1px solid var(--color-fd-border);
+  font-size: 13px;
+  border-radius: 5px;
+  background: var(--color-fd-muted);
+}
+
+/* ─── Links in prose ───────────────────────────────────────────────── */
+
+.fd-docs-content a:not(.fd-page-nav-card):not([class]) {
+  text-decoration: underline;
+  text-underline-offset: 3.5px;
+  text-decoration-color: var(--color-fd-primary);
+  text-decoration-thickness: 1.5px;
+  font-weight: 500;
+}
+
+/* ─── Tables (rounded style) ───────────────────────────────────────── */
+
+.fd-docs-content table {
+  border-collapse: separate;
+  border-spacing: 0;
+  background: var(--color-fd-card);
+  border-radius: 0.75rem;
+  border: 1px solid var(--color-fd-border);
+  overflow: hidden;
+}
+
+.fd-docs-content th {
+  background: var(--color-fd-muted);
+  font-weight: 600;
+}
+
+.fd-docs-content th,
+.fd-docs-content td {
+  padding: 0.625rem;
+  border-bottom: 1px solid var(--color-fd-border);
+}
+
+.fd-docs-content tr:last-child td {
+  border-bottom: none;
+}
+
+/* ─── Blockquotes ──────────────────────────────────────────────────── */
+
+.fd-docs-content blockquote {
+  border-left: 2px solid var(--color-fd-primary);
+  padding-left: 1rem;
+  color: var(--color-fd-foreground);
+  font-style: normal;
+}
+
+/* ─── Horizontal rule ──────────────────────────────────────────────── */
+
+.fd-docs-content hr {
+  border-color: var(--color-fd-border);
+}
+
+/* ─── Omni Command Palette (colorful theme) ─────────────────────── */
+
+.omni-content {
+  border-radius: 0.75rem;
+  border: 1px solid var(--color-fd-border);
+  background: var(--color-fd-popover);
+  box-shadow: 0 24px 60px -12px rgba(180, 140, 20, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.04);
+}
+
+.omni-item-active {
+  background: color-mix(in srgb, var(--color-fd-primary) 15%, transparent);
+}
+
+.omni-highlight {
+  background: color-mix(in srgb, var(--color-fd-primary) 30%, transparent);
+  color: var(--color-fd-primary-foreground);
+}
+
+.omni-search-input:focus {
+  caret-color: var(--color-fd-primary);
+}
+

package/styles/darksharp.css

@@ -113,19 +113,19 @@ code:not(pre code) {
 }
 
 /* ═══════════════════════════════════════════════════════════════════
- * Global sharp radius — override all rounded Tailwind utilities
+ * Sharp radius — scoped to docs layout only
  * ═══════════════════════════════════════════════════════════════════ */
 
-[class*="rounded-lg"] {
+#nd-docs-layout [class*="rounded-lg"] {
   border-radius: 0.2rem !important;
 }
 
-[class*="rounded-md"] {
+#nd-docs-layout [class*="rounded-md"] {
   border-radius: 0.1rem !important;
 }
 
-[class*="rounded-xl"],
-[class*="rounded-2xl"] {
+#nd-docs-layout [class*="rounded-xl"],
+#nd-docs-layout [class*="rounded-2xl"] {
   border-radius: 0.2rem !important;
 }
 
@@ -431,3 +431,20 @@ article a[class*="text-fd-muted-foreground"] {
 .fd-ai-code-copy {
   border-radius: 2px;
 }
+
+/* ─── Omni Command Palette (darksharp theme) ────────────────────── */
+
+.omni-content {
+  border-radius: 0.5rem;
+  border: 1px solid var(--color-fd-border);
+  background: var(--color-fd-popover);
+  box-shadow: 0 4px 24px hsl(0 0% 0% / 0.4);
+}
+
+.omni-item {
+  border-radius: 0.25rem;
+}
+
+.omni-highlight {
+  background: color-mix(in srgb, var(--color-fd-primary) 30%, transparent);
+}