Banshi Plain White theme
一套Light配色, Accent #111113, 六个 CSS Variable即可套用到整站.
Get startedDocs
Overview
Banshi Plain WhiteThemes用六个Variable改写整站: Backgrounds, Text, Cards, Border, Secondary text和Accent. Copy CSS 放进your全局样式表, 或把Prompt交给Model统一替换.
Variable
--bgPage background#FFFFFF--fgText#111113--cardCards and panels#F3F3F4--lineBorder#E7E7EA--mutedSecondary text#6B6B70--accentAccent and primary button#111113CSS
:root {
--bg: #FFFFFF;
--fg: #111113;
--card: #F3F3F4;
--line: #E7E7EA;
--muted: #6B6B70;
--accent: #111113;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme design-ref-library-theme
mcp › Use 8pt MCP to call get_theme("design-ref-library-theme")
Source template
这套Themes取自Page templates Banshi Design Reference Library Website 的配色, Typography与Radius.