8pt

Aurora theme

A dark palette with accent #22d3ee; six CSS variables restyle the whole site.

CSS variable themes•Dark

Get startedDocs

Overview

The Aurora 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#07111a

--fgText#e9f6ff

--cardCards and panels#0e1d2a

--lineBorder#1d3446

--mutedSecondary text#8fb1c4

--accentAccent and primary button#22d3ee

CSS

:root {
  --bg: #07111a;
  --fg: #e9f6ff;
  --card: #0e1d2a;
  --line: #1d3446;
  --muted: #8fb1c4;
  --accent: #22d3ee;
}

Install

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

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

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