# GreenTree
URL: /docs/themes/greentree
LLM index: /llms.txt
Description: Mintlify-inspired theme with emerald green accent and Inter typography

# GreenTree Theme

Use this page when the user asks about this topic: Mintlify-inspired theme with emerald green accent and Inter typography.
Keep answers grounded in the exact options, routes, commands, and examples documented here.
If the request moves beyond this page, point to the closest related docs instead of inventing config.

Inspired by <HoverLink href="https://mintlify.com/docs" title="Mintlify Docs" description="A hosted docs platform known for compact navigation, clean typography, and strong product-doc presentation." linkLabel="Visit Mintlify" external>Mintlify</HoverLink> — a clean, modern design with an emerald green accent, Inter typography, and a compact sidebar.

## Usage

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

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

```css title="app/global.css"
@import "tailwindcss";
@import "@farming-labs/theme/greentree/css";
```

## Defaults

| Property      | Value               |
| ------------- | ------------------- |
| Primary       | `#0D9373` (Emerald) |
| Background    | `#fff`              |
| Muted         | `#505351`           |
| Border        | `#DFE1E0`           |
| Border radius | Standard            |
| Content width | 768px               |
| Sidebar width | 240px               |
| Header height | 56px                |

## Customizing

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