---
title: "Pixel Border"
description: "Inspired by better-auth.com — refined dark UI with visible borders"
canonical_url: "https://docs.farming-labs.dev/docs/themes/pixel-border"
markdown_url: "https://docs.farming-labs.dev/docs/themes/pixel-border.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

# Pixel Border

## Pixel Border task

Task: Pixel Border

Expected result: Inspired by better-auth.com — refined dark UI with visible borders

## Pixel Border verification



## Pixel Border agent guidance

Pixel Border's required trio is `pixelBorder` from `@farming-labs/theme/pixel-border`, `theme: pixelBorder()`, and the CSS entrypoint `@farming-labs/theme/pixel-border/css`.
Verify the `hsl(0 0% 2%)` dark background, visible borders, `0px` radius, and active sidebar indicator; a `ui.colors.primary` override must flow to sidebar text, the indicator bar, TOC state, and links.
When the primary value changes but the bordered sidebar does not, restore the `/pixel-border/css` import before targeting component selectors manually.

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