# Hardline
URL: /docs/themes/hardline
LLM index: /llms.txt
Description: Hard-edge theme with square corners and strong borders

# Hardline Theme

Use this page when the user asks about this topic: Hard-edge theme with square corners and strong borders.
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.

`hardline()` is the original hard-edge preset: square corners, bold borders, and sharp high-contrast surfaces.

If you want something more brutalist and poster-like, use **[Concrete](/docs/themes/concrete)** instead.

## Usage

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

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

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

## Defaults

| Property      | Value                               |
| ------------- | ----------------------------------- |
| Primary       | `#ffd335`                           |
| Background    | `#f2efe8` (light), `#0f0f10` (dark) |
| Border radius | `0px`                               |
| Content width | 860px                               |
| Sidebar width | 300px                               |