8pt

Ember theme

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

CSS variable themes•Dark

Get startedDocs

Overview

The Ember 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#140c0a

--fgText#fff1ea

--cardCards and panels#211512

--lineBorder#3a241e

--mutedSecondary text#c0a094

--accentAccent and primary button#ff7a45

CSS

:root {
  --bg: #140c0a;
  --fg: #fff1ea;
  --card: #211512;
  --line: #3a241e;
  --muted: #c0a094;
  --accent: #ff7a45;
}

Install

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

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

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