8pt

Sea Salt theme

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

CSS variable themes•Light

Get startedDocs

Overview

The Sea Salt 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#f4f7fb

--fgText#0f1a2a

--cardCards and panels#ffffff

--lineBorder#dbe3ee

--mutedSecondary text#5b6b80

--accentAccent and primary button#2563eb

CSS

:root {
  --bg: #f4f7fb;
  --fg: #0f1a2a;
  --card: #ffffff;
  --line: #dbe3ee;
  --muted: #5b6b80;
  --accent: #2563eb;
}

Install

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

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

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