8pt

Paper theme

A light palette with accent #e2572b; six CSS variables restyle the whole site.

CSS variable themes•Light

Get startedDocs

Overview

The Paper theme restyles the whole site with six variables: background, text, card, border, secondary text and accent. Copy the CSS into your global stylesheet, or hand the prompt to your model to swap them in everywhere.

Variable

--bgPage background#f6f3ec

--fgText#1a1814

--cardCards and panels#fffdf8

--lineBorder#e4ddd0

--mutedSecondary text#6f685c

--accentAccent and primary button#e2572b

CSS

:root {
  --bg: #f6f3ec;
  --fg: #1a1814;
  --card: #fffdf8;
  --line: #e4ddd0;
  --muted: #6f685c;
  --accent: #e2572b;
}

Install

Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.

$ npm i -g @8pt-dev/cli && 8pt theme paper

mcp › Use 8pt MCP to call get_theme("paper")