Home /

docs

GreenTree Theme

Inspired by — a clean, modern design with an emerald green accent, Inter typography, and a compact sidebar.

Usage

docs.config.ts
import { defineDocs } from "@farming-labs/docs";
import { greentree } from "@farming-labs/theme/greentree";

export default defineDocs({
  entry: "docs",
  theme: greentree(),
});
app/global.css
@import "tailwindcss";
@import "@farming-labs/theme/greentree/css";

Defaults

PropertyValue
Primary#0D9373 (Emerald)
Background#fff
Muted#505351
Border#DFE1E0
Border radiusStandard
Content width768px
Sidebar width240px
Header height56px

Customizing

customizing.tsx
theme: greentree({
  ui: {
    colors: { primary: "#2563eb" },
    layout: { sidebarWidth: 280 },
  },
}),