Suiyun Warm Orange theme
A light palette with accent #FF5D1D; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Suiyun Warm Orange 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#262626--cardCards and panels#FFFCF2--lineBorder#EBEBEB--mutedSecondary text#6B6B6B--accentAccent and primary button#FF5D1DCSS
:root {
--bg: #FFFFFF;
--fg: #262626;
--card: #FFFCF2;
--line: #EBEBEB;
--muted: #6B6B6B;
--accent: #FF5D1D;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme suiyun-cloud-home-theme
mcp › Use 8pt MCP to call get_theme("suiyun-cloud-home-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Suiyun Global Network Platform Home.