Yanbai Warm Ink theme
A dark palette with accent #F0B07A; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Yanbai Warm Ink 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#12100F--fgText#EFE9DE--cardCards and panels#1C1A18--lineBorder#2C2926--mutedSecondary text#8F877C--accentAccent and primary button#F0B07ACSS
:root {
--bg: #12100F;
--fg: #EFE9DE;
--card: #1C1A18;
--line: #2C2926;
--muted: #8F877C;
--accent: #F0B07A;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme yanbai-portfolio-canvas-theme
mcp › Use 8pt MCP to call get_theme("yanbai-portfolio-canvas-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Yanbai Independent Designer Portfolio.