Home /

docs

Darksharp Theme

An all-black theme with rounded-none styling — clean, minimal, and sharp.

Usage

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

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

Defaults

PropertyValue
PrimaryNear-white in dark mode
BackgroundNeutral light, #000000 in dark mode
Border radiusSharp / low-radius
Content width768px
Sidebar width280px

Customizing

customizing.tsx
theme: darksharp({
  ui: {
    colors: { primary: "oklch(0.65 0.25 270)" },
  },
}),