Concrete Theme
A louder brutalist-style preset with poster typography, offset shadows, square corners, and bold contrast.
Usage
import { defineDocs } from "@farming-labs/docs";
import { concrete } from "@farming-labs/theme/concrete";
export default defineDocs({
entry: "docs",
theme: concrete(),
});@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
theme: concrete({
ui: {
colors: { primary: "#ff7848" },
layout: { sidebarWidth: 332 },
},
}),Brutalist poster-style theme with offset shadows and square corners
How is this guide?