Command Grid Theme

A mono-first preset with a paper-grid light mode, lead-toned dark mode, sharper borders, and calmer surfaces inspired by the better-cmdk landing page.

Usage

import { defineDocs } from "@farming-labs/docs";
import { commandGrid } from "@farming-labs/theme/command-grid";

export default defineDocs({
  entry: "docs",
  theme: commandGrid(),
});

@import "tailwindcss";
@import "@farming-labs/theme/command-grid/css";

Defaults

Style Notes

• Mono-first typography across the sidebar, TOC, and command surfaces
• Paper-grid background in light mode with a quieter dark-mode grid
• Sharper tables, callouts, search UI, and Ask AI surfaces
• Better-cmdk-inspired light/dark palette without the heavier concrete shadow treatment

Customizing

theme: commandGrid({
  ui: {
    colors: { accent: "#d9c9b4" },
    layout: { sidebarWidth: 320 },
  },
}),