---
title: "Darksharp"
description: "All-black theme with sharp corners"
canonical_url: "https://docs.farming-labs.dev/docs/themes/darksharp"
markdown_url: "https://docs.farming-labs.dev/docs/themes/darksharp.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

# Darksharp
URL: /docs/themes/darksharp
LLM index: /llms.txt
Description: All-black theme with sharp corners
Related: /docs/themes, /docs/themes/pixel-border, /docs/customization/colors, /docs/themes/creating-themes

# Darksharp Theme

Activate Darksharp with `darksharp` from `@farming-labs/theme/darksharp`, `theme: darksharp()`, and `@import "@farming-labs/theme/darksharp/css"` in `app/global.css`.
Confirm the neutral light palette, pure-black dark-mode background, near-white dark-mode primary, sharp low-radius chrome, and the factory's 768px/280px content-sidebar defaults; the page demonstrates a `ui.colors.primary` override.
If the preset styling is absent in both color modes, verify that `darksharp()` is paired with the `/darksharp/css` entrypoint before adding overrides.

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

## Usage

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

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

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

## Defaults

| Property      | Value                  |
| ------------- | ---------------------- |
| Primary       | Near-white in dark mode               |
| Background    | Neutral light, `#000000` in dark mode |
| Border radius | Sharp / low-radius                    |
| Content width | 768px                                 |
| Sidebar width | 280px                                 |

## Customizing

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

## 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).