8pt

Graphite theme

A dark palette with accent #4D74FF; six CSS variables restyle the whole site.

CSS variable themes•Dark

Get startedDocs

Overview

The Graphite 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#0b0b10

--fgText#f3f3f6

--cardCards and panels#15151d

--lineBorder#2a2a35

--mutedSecondary text#9b9ba8

--accentAccent and primary button#4D74FF

CSS

:root {
  --bg: #0b0b10;
  --fg: #f3f3f6;
  --card: #15151d;
  --line: #2a2a35;
  --muted: #9b9ba8;
  --accent: #4D74FF;
}

Install

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

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

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