Home /

docs

Colorful Theme

A warm, vibrant theme with an amber primary accent, Inter typography, and directional TOC styling.

Usage

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

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

Defaults

PropertyValue
Primaryhsl(40, 96%, 40%) (Amber)
Background#ffffff
Border#e5e7eb
Border radiusStandard
Content width768px
Sidebar width260px
TOC styleDirectional

Customizing

customizing.tsx
theme: colorful({
  ui: {
    colors: { primary: "hsl(210, 96%, 45%)" },
    layout: { contentWidth: 900 },
  },
}),