# Concrete
URL: /docs/themes/concrete
LLM index: /llms.txt
Description: Brutalist poster-style theme with offset shadows and square corners

# Concrete Theme

Use this page when the user asks about this topic: Brutalist poster-style theme with offset shadows and square corners.
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.

A louder brutalist-style preset with poster typography, offset shadows, square corners, and bold contrast.

## Usage

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

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

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

## Defaults

| Property      | Value                               |
| ------------- | ----------------------------------- |
| Primary       | `#ff5b31`                           |
| Background    | `#f6ead9` (light), `#12100f` (dark) |
| Border radius | `0px`                               |
| Content width | 896px                               |
| Sidebar width | 316px                               |

## Customizing

```tsx title="customizing.tsx"
theme: concrete({
  ui: {
    colors: { primary: "#ff7848" },
    layout: { sidebarWidth: 332 },
  },
}),
```