Ledger Theme

A product-docs preset inspired by Stripe Docs, with neutral branding for @farming-labs/docs projects.

Usage

import { defineDocs } from "@farming-labs/docs";
import { ledger } from "@farming-labs/theme/ledger";

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

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

Defaults

Style Notes

• Compact tab-like navigation and pill search controls
• Light product-docs surfaces with subtle borders and restrained shadows
• Blue-violet active states for sidebar, TOC, tabs, and actions
• Deep navy code blocks designed to stand out from the light docs shell

Customizing

theme: ledger({
  ui: {
    colors: { primary: "#2563eb" },
    layout: { sidebarWidth: 304, tocWidth: 248 },
  },
}),