Suitie Clear Sky theme
A light palette with accent #3D7BFF; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Suitie Clear Sky 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#0B0B0F--cardCards and panels#F3F3F5--lineBorder#E6E6EA--mutedSecondary text#6B6F7A--accentAccent and primary button#3D7BFFCSS
:root {
--bg: #FFFFFF;
--fg: #0B0B0F;
--card: #F3F3F5;
--line: #E6E6EA;
--muted: #6B6F7A;
--accent: #3D7BFF;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme suitie-clipboard-mac-theme
mcp › Use 8pt MCP to call get_theme("suitie-clipboard-mac-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Suitie Mac Clipboard History Website.