8pt

Forest theme

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

CSS variable themes•Dark

Get startedDocs

Overview

The Forest 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#0d1410

--fgText#ecf5ee

--cardCards and panels#152019

--lineBorder#24362a

--mutedSecondary text#93ab9a

--accentAccent and primary button#4ade80

CSS

:root {
  --bg: #0d1410;
  --fg: #ecf5ee;
  --card: #152019;
  --line: #24362a;
  --muted: #93ab9a;
  --accent: #4ade80;
}

Install

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

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

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