Niancheng Aurora theme
A light palette with accent #4C7DFF; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Niancheng 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#FCFBF8--fgText#1C1C1A--cardCards and panels#F5F4EF--lineBorder#E9E7E1--mutedSecondary text#5F5F5B--accentAccent and primary button#4C7DFFCSS
:root {
--bg: #FCFBF8;
--fg: #1C1C1A;
--card: #F5F4EF;
--line: #E9E7E1;
--muted: #5F5F5B;
--accent: #4C7DFF;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme niancheng-aurora-theme
mcp › Use 8pt MCP to call get_theme("niancheng-aurora-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Niancheng AI App Builder Home.