Houtu Daylight theme
A light palette with accent #EBFF00; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Houtu Daylight 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#FFFFFF--fgText#000000--cardCards and panels#F2F2EF--lineBorder#E5E5E5--mutedSecondary text#9A9A9A--accentAccent and primary button#EBFF00CSS
:root {
--bg: #FFFFFF;
--fg: #000000;
--card: #F2F2EF;
--line: #E5E5E5;
--muted: #9A9A9A;
--accent: #EBFF00;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme houtu-studio-home-theme
mcp › Use 8pt MCP to call get_theme("houtu-studio-home-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Houtu Creative Studio Home.