Threadline ThemeCopy Anchor Link

A compact neutral preset for chat, agent, and product documentation. It uses a 48px header, compact Geist typography, muted shadcn surfaces, and ghost-style page actions for dense, readable docs.

UsageCopy Anchor Link

import { defineDocs } from "@farming-labs/docs";
import { threadline, threadlinePageActions } from "@farming-labs/theme/threadline";

export default defineDocs({
  entry: "docs",
  theme: threadline(),
  github: {
    url: "https://github.com/acme/docs",
  },
  pageActions: threadlinePageActions,
});

@import "tailwindcss";
@import "@farming-labs/theme/threadline/css";

Page ActionsCopy Anchor Link

threadlinePageActions enables:

• Copy page
• Open in GitHub
• Open in ChatGPT
• Open in Claude
• Open in Cursor
• Open in T3 Chat

The GitHub action needs top-level github config so the theme can resolve {githubUrl} for the current page.

DefaultsCopy Anchor Link

Style NotesCopy Anchor Link

• Geist-first typography with smaller headings and dense prose
• Transparent sidebar with soft hover and active states
• Muted cards, tables, inline code, and code blocks
• Blue documentation links and info callouts on an otherwise neutral shell
• Ghost-style page-action buttons with a compact Open in menu

CustomizingCopy Anchor Link

theme: threadline({
  ui: {
    colors: { primary: "#111827" },
    layout: { sidebarWidth: 280, tocWidth: 240 },
  },
}),