---
title: "Hardline"
description: "Hard-edge theme with square corners and strong borders"
canonical_url: "https://docs.farming-labs.dev/docs/themes/hardline"
markdown_url: "https://docs.farming-labs.dev/docs/themes/hardline.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

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

# Hardline Theme

Select the original hard-edge preset with `hardline` from `@farming-labs/theme/hardline`, `theme: hardline()`, and the global import `@farming-labs/theme/hardline/css`.
Look for the `#ffd335` primary, square `0px` corners, bold borders, 860px content width, and 300px sidebar after rendering a docs page.
Use `concrete` instead when the requirement is explicitly poster-like brutalism; if Hardline looks unstyled, repair the `/hardline/css` pairing rather than substituting Concrete tokens.

`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                               |

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.
Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md).
Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).